Caribe

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/9cpYcZKDBtTNKZ0VMZLM

Orientation	CSS (Click text to copy. If you can't copy, just hit Ctrl+C)
To Right	`background: linear-gradient(to right, #6576fc, #6be1ff, #87ffa9);`
To Left	`background: linear-gradient(to left, #6576fc, #6be1ff, #87ffa9);`
To Bottom	`background: linear-gradient(to bottom, #6576fc, #6be1ff, #87ffa9);`
To Top	`background: linear-gradient(to top, #6576fc, #6be1ff, #87ffa9);`

Android color codes


              <color name="Caribe_1">#6576fc</color>


              <color name="Caribe_2">#6be1ff</color>


                <color name="Caribe_3">#87ffa9</color>

Flutter color codes


              const Caribe1 = const Color(0xFF6576fc);


              const Caribe2 = const Color(0xFF6be1ff);


                const Caribe3 = const Color(0xFF87ffa9);

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#6576fc	rgb (101, 118, 252)	hsl 233°, 96%, 69%	hsv 233°, 60%, 99%	cmyk 60%, 53%, 0%, 1%	Pantone 2725C
#6be1ff	rgb (107, 225, 255)	hsl 192°, 100%, 71%	hsv 192°, 58%, 100%	cmyk 58%, 12%, 0%, 0%	Pantone 305C
#87ffa9	rgb (135, 255, 169)	hsl 137°, 100%, 77%	hsv 137°, 47%, 100%	cmyk 47%, 0%, 34%, 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