Sunset v2

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/CS2SQ1favyqaJPKhOtTH

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>

Flutter color codes


              const Sunset v21 = const Color(0xFFff904f);


              const Sunset v22 = const Color(0xFFffc061);


                const Sunset v23 = const Color(0xFFffd54c);

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

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