Grass

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);`

Android color codes


                <color name="Grass_1">#7af5c4</color>


                <color name="Grass_2">#3ed682</color>

Android gradient PRO

Flutter color codes


                const Grass1 = Color(0xFF7af5c4);


                const Grass2 = Color(0xFF3ed682);

Flutter gradient PRO

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	Color details
	#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

Color blindness

Color blindness filter

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

Far far away, behind the word mountains

Featured tools

Gradient generator

Palette generator