Grappe

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/a758oJUDfrQ62Chn4gTM

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

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#5a1399	rgb (90, 19, 153)	hsl 272°, 78%, 34%	hsv 272°, 88%, 60%	cmyk 41%, 88%, 0%, 40%	Pantone 2597C
	#1a1582	rgb (26, 21, 130)	hsl 243°, 72%, 30%	hsv 243°, 84%, 51%	cmyk 80%, 84%, 0%, 49%	Pantone 2746C

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