Open

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

Android color codes


                <color name="Open_1">#561cd8</color>


                <color name="Open_2">#09db6e</color>

Android gradient PRO

Flutter color codes


                const Open1 = Color(0xFF561cd8);


                const Open2 = Color(0xFF09db6e);

Flutter gradient PRO

Gradient information

Purple

Green

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#561cd8	rgb (86, 28, 216)	hsl 259°, 77%, 48%	hsv 259°, 87%, 85%	cmyk 60%, 87%, 0%, 15%	Pantone 2736C
	#09db6e	rgb (9, 219, 110)	hsl 149°, 92%, 45%	hsv 149°, 96%, 86%	cmyk 96%, 0%, 50%, 14%	Pantone 354C

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