Cenote

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/T8N43WepNmbuF98DpclQ

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>

Flutter color codes


              const Cenote1 = const Color(0xFF338bff);


              const Cenote2 = const Color(0xFF61f2ff);


                const Cenote3 = const Color(0xFF69ffb9);

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

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