Sunset v2

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

Android color codes


                <color name="Sunset v2_1">#ff904f</color>


                <color name="Sunset v2_2">#ffc061</color>


                <color name="Sunset v2_3">#ffd54c</color>

Android gradient PRO

Flutter color codes


                const Sunset v21 = Color(0xFFff904f);


                const Sunset v22 = Color(0xFFffc061);


                const Sunset v23 = Color(0xFFffd54c);

Flutter gradient PRO

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#ff904f	rgb (255, 144, 79)	hsl 22°, 100%, 66%	hsv 22°, 69%, 100%	cmyk 0%, 44%, 69%, 0%	Pantone 164C
#ffc061	rgb (255, 192, 97)	hsl 36°, 100%, 69%	hsv 36°, 62%, 100%	cmyk 0%, 25%, 62%, 0%	Pantone 1355C
#ffd54c	rgb (255, 213, 76)	hsl 46°, 100%, 65%	hsv 46°, 70%, 100%	cmyk 0%, 16%, 70%, 0%	Pantone 122C

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