Lollipop

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>

Android gradient PRO

Flutter color codes


                const Lollipop1 = Color(0xFF9191ff);


                const Lollipop2 = Color(0xFF94ffda);


                const Lollipop3 = Color(0xFFf3ffa3);

Flutter gradient PRO

Gradient information

Blue

Yellow

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

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