Rainbow 1

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>

Android gradient PRO

Flutter color codes


                const Rainbow 11 = Color(0xFFff615e);


                const Rainbow 12 = Color(0xFFffbc40);


                const Rainbow 13 = Color(0xFFfcff40);

Flutter gradient PRO

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

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