Depth

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/dnolmnUSBgRiVktR3SeU

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

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#387fc2	rgb (56, 127, 194)	hsl 209°, 55%, 49%	hsv 209°, 71%, 76%	cmyk 71%, 35%, 0%, 24%	Pantone 660C
	#1e8ccc	rgb (30, 140, 204)	hsl 202°, 74%, 46%	hsv 202°, 85%, 80%	cmyk 85%, 31%, 0%, 20%	Pantone 640C

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