Lollipop

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/Gr3huBT6kXo1GIFKuW95

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

Android color codes


              <color name="Lollipop_1">#9191ff</color>


              <color name="Lollipop_2">#94ffda</color>


                <color name="Lollipop_3">#f3ffa3</color>

Flutter color codes


              const Lollipop1 = const Color(0xFF9191ff);


              const Lollipop2 = const Color(0xFF94ffda);


                const Lollipop3 = const Color(0xFFf3ffa3);

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#9191ff	rgb (145, 145, 255)	hsl 240°, 100%, 78%	hsv 240°, 43%, 100%	cmyk 43%, 43%, 0%, 0%	Pantone 2655C
#94ffda	rgb (148, 255, 218)	hsl 159°, 100%, 79%	hsv 159°, 42%, 100%	cmyk 42%, 0%, 15%, 0%	Pantone 3375C
#f3ffa3	rgb (243, 255, 163)	hsl 68°, 100%, 82%	hsv 68°, 36%, 100%	cmyk 5%, 0%, 36%, 0%	Pantone 372C

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