Grass

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/Llghl7UfWsyMNuIDXWAq

Orientation	CSS (Click text to copy. If you can't copy, just hit Ctrl+C)
To Right	`background: linear-gradient(to right, #7af5c4, #3ed682);`
To Left	`background: linear-gradient(to left, #7af5c4, #3ed682);`
To Bottom	`background: linear-gradient(to bottom, #7af5c4, #3ed682);`
To Top	`background: linear-gradient(to top, #7af5c4, #3ed682);`

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#7af5c4	rgb (122, 245, 196)	hsl 156°, 86%, 72%	hsv 156°, 50%, 96%	cmyk 50%, 0%, 20%, 4%	Pantone 353C
	#3ed682	rgb (62, 214, 130)	hsl 147°, 65%, 54%	hsv 147°, 71%, 84%	cmyk 71%, 0%, 39%, 16%	Pantone 3405C

How it looks?

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Your text content here

Select UI element

Button