Flex

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

Android color codes


                <color name="Flex_1">#580b79</color>


                <color name="Flex_2">#6c27d3</color>

Android gradient PRO

Flutter color codes


                const Flex1 = Color(0xFF580b79);


                const Flex2 = Color(0xFF6c27d3);

Flutter gradient PRO

Gradient information

Purple

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#580b79	rgb (88, 11, 121)	hsl 282°, 83%, 26%	hsv 282°, 91%, 47%	cmyk 27%, 91%, 0%, 53%	Pantone 2607C
	#6c27d3	rgb (108, 39, 211)	hsl 264°, 69%, 49%	hsv 264°, 82%, 83%	cmyk 49%, 82%, 0%, 17%	Pantone 266C

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