Cenote

Orientation	CSS (Click text to copy. If you can't copy, just hit Ctrl+C)
To Right	`background: linear-gradient(to right, #338bff, #61f2ff, #69ffb9);`
To Left	`background: linear-gradient(to left, #338bff, #61f2ff, #69ffb9);`
To Bottom	`background: linear-gradient(to bottom, #338bff, #61f2ff, #69ffb9);`
To Top	`background: linear-gradient(to top, #338bff, #61f2ff, #69ffb9);`

Android color codes


                <color name="Cenote_1">#338bff</color>


                <color name="Cenote_2">#61f2ff</color>


                <color name="Cenote_3">#69ffb9</color>

Android gradient PRO

Flutter color codes


                const Cenote1 = Color(0xFF338bff);


                const Cenote2 = Color(0xFF61f2ff);


                const Cenote3 = Color(0xFF69ffb9);

Flutter gradient PRO

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#338bff	rgb (51, 139, 255)	hsl 214°, 100%, 60%	hsv 214°, 80%, 100%	cmyk 80%, 45%, 0%, 0%	Pantone 2727C
#61f2ff	rgb (97, 242, 255)	hsl 185°, 100%, 69%	hsv 185°, 62%, 100%	cmyk 62%, 5%, 0%, 0%	Pantone 3105C
#69ffb9	rgb (105, 255, 185)	hsl 152°, 100%, 71%	hsv 152°, 59%, 100%	cmyk 59%, 0%, 27%, 0%	Pantone 353C

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