Open

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/YPceDGQ8dRvBz5h688hM

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

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

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