Rainbow 2

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

Android color codes


                <color name="Rainbow 2_1">#7dff88</color>


                <color name="Rainbow 2_2">#616cff</color>


                <color name="Rainbow 2_3">#f959ff</color>

Android gradient PRO

Flutter color codes


                const Rainbow 21 = Color(0xFF7dff88);


                const Rainbow 22 = Color(0xFF616cff);


                const Rainbow 23 = Color(0xFFf959ff);

Flutter gradient PRO

HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
#7dff88	rgb (125, 255, 136)	hsl 125°, 100%, 75%	hsv 125°, 51%, 100%	cmyk 51%, 0%, 47%, 0%	Pantone 360C
#616cff	rgb (97, 108, 255)	hsl 236°, 100%, 69%	hsv 236°, 62%, 100%	cmyk 62%, 58%, 0%, 0%	Pantone 2725C
#f959ff	rgb (249, 89, 255)	hsl 298°, 100%, 68%	hsv 298°, 65%, 100%	cmyk 2%, 65%, 0%, 0%	Pantone 807C

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