Sweet

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/4dzCJkNVZTA6RHirefVm

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>

Flutter color codes


              const Sweet1 = const Color(0xFFffa6db);


              const Sweet2 = const Color(0xFFffa8a8);


                const Sweet3 = const Color(0xFFfffcd1);

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

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