Card

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

Android color codes


                <color name="Card_1">#21ad23</color>


                <color name="Card_2">#19e0c9</color>

Android gradient PRO

Flutter color codes


                const Card1 = Color(0xFF21ad23);


                const Card2 = Color(0xFF19e0c9);

Flutter gradient PRO

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	Color details
	#21ad23	rgb (33, 173, 35)	hsl 121°, 68%, 40%	hsv 121°, 81%, 68%	cmyk 81%, 0%, 80%, 32%	Pantone 361C
	#19e0c9	rgb (25, 224, 201)	hsl 173°, 80%, 49%	hsv 173°, 89%, 88%	cmyk 89%, 0%, 10%, 12%	Pantone 333C

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