Rainbow 1

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/MfneMkWdoL5fw2Jfho9E

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

Android color codes


              <color name="Rainbow 1_1">#ff615e</color>


              <color name="Rainbow 1_2">#ffbc40</color>


                <color name="Rainbow 1_3">#fcff40</color>

Flutter color codes


              const Rainbow 11 = const Color(0xFFff615e);


              const Rainbow 12 = const Color(0xFFffbc40);


                const Rainbow 13 = const Color(0xFFfcff40);

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#ff615e	rgb (255, 97, 94)	hsl 1°, 100%, 68%	hsv 1°, 63%, 100%	cmyk 0%, 62%, 63%, 0%	Pantone 178C
#ffbc40	rgb (255, 188, 64)	hsl 39°, 100%, 63%	hsv 39°, 75%, 100%	cmyk 0%, 26%, 75%, 0%	Pantone 136C
#fcff40	rgb (252, 255, 64)	hsl 61°, 100%, 63%	hsv 61°, 75%, 100%	cmyk 1%, 0%, 75%, 0%	Pantone 809C

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