Flex

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/rEYX9GTdbesWE2RNmqHh

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);`

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#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

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