Sweet

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

Android color codes


                <color name="Sweet_1">#ffa6db</color>


                <color name="Sweet_2">#ffa8a8</color>


                <color name="Sweet_3">#fffcd1</color>

Android gradient PRO

Flutter color codes


                const Sweet1 = Color(0xFFffa6db);


                const Sweet2 = Color(0xFFffa8a8);


                const Sweet3 = Color(0xFFfffcd1);

Flutter gradient PRO

Gradient information

Red

Yellow

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#ffa6db	rgb (255, 166, 219)	hsl 324°, 100%, 83%	hsv 324°, 35%, 100%	cmyk 0%, 35%, 14%, 0%	Pantone 230C
#ffa8a8	rgb (255, 168, 168)	hsl 0°, 100%, 83%	hsv 0°, 34%, 100%	cmyk 0%, 34%, 34%, 0%	Pantone 169C
#fffcd1	rgb (255, 252, 209)	hsl 56°, 100%, 91%	hsv 56°, 18%, 100%	cmyk 0%, 1%, 18%, 0%	Pantone 5807C

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