WWW

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/cg4JpTZHIld3oh8BqdTP

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

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#a7a3f0	rgb (167, 163, 240)	hsl 243°, 72%, 79%	hsv 243°, 32%, 94%	cmyk 30%, 32%, 0%, 6%	Pantone 2645C
	#57c5f0	rgb (87, 197, 240)	hsl 197°, 84%, 64%	hsv 197°, 64%, 94%	cmyk 64%, 18%, 0%, 6%	Pantone 2985C

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