Sky

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/P1pxofcnCz1vVuLlN9GY

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

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#3681e3	rgb (54, 129, 227)	hsl 214°, 76%, 55%	hsv 214°, 76%, 89%	cmyk 76%, 43%, 0%, 11%	Pantone 2727C
	#3810b0	rgb (56, 16, 176)	hsl 255°, 83%, 38%	hsv 255°, 91%, 69%	cmyk 68%, 91%, 0%, 31%	Pantone 2736C

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