Sweet

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

Android color codes


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


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


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

Android gradient PRO

Flutter color codes


                const Sweet1 = Color(0xFFfd6af8);


                const Sweet2 = Color(0xFFff8fca);


                const Sweet3 = Color(0xFFff83a5);

Flutter gradient PRO

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#fd6af8	rgb (253, 106, 248)	hsl 302°, 97%, 70%	hsv 302°, 58%, 99%	cmyk 0%, 58%, 2%, 1%	Pantone 807C
#ff8fca	rgb (255, 143, 202)	hsl 328°, 100%, 78%	hsv 328°, 44%, 100%	cmyk 0%, 44%, 21%, 0%	Pantone 211C
#ff83a5	rgb (255, 131, 165)	hsl 344°, 100%, 76%	hsv 344°, 49%, 100%	cmyk 0%, 49%, 35%, 0%	Pantone 190C

Color blindness

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