Ghost

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/0d01upqQc77HPL0tIsHN

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

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#bf77d9	rgb (191, 119, 217)	hsl 284°, 56%, 66%	hsv 284°, 45%, 85%	cmyk 12%, 45%, 0%, 15%	Pantone 528C
	#8045b3	rgb (128, 69, 179)	hsl 272°, 44%, 49%	hsv 272°, 61%, 70%	cmyk 28%, 61%, 0%, 30%	Pantone 2587C

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