Rainbow 2

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/r8L9uPc9GdwiTdrKHENe

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>

Flutter color codes


              const Rainbow 21 = const Color(0xFF7dff88);


              const Rainbow 22 = const Color(0xFF616cff);


                const Rainbow 23 = const Color(0xFFf959ff);

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

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