Teal

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

Android color codes


                <color name="Teal_1">#52ffd7</color>


                <color name="Teal_2">#10e3ca</color>

Android gradient PRO

Flutter color codes


                const Teal1 = Color(0xFF52ffd7);


                const Teal2 = Color(0xFF10e3ca);

Flutter gradient PRO

Gradient information

Cyan

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#52ffd7	rgb (82, 255, 215)	hsl 166°, 100%, 66%	hsv 166°, 68%, 100%	cmyk 68%, 0%, 16%, 0%	Pantone 333C
	#10e3ca	rgb (16, 227, 202)	hsl 173°, 87%, 48%	hsv 173°, 93%, 89%	cmyk 93%, 0%, 11%, 11%	Pantone 333C

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