Colorffy

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/egHku1yhkMeHaUw7w2Bf

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

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#0275B8	rgb (2, 117, 184)	hsl 202°, 98%, 37%	hsv 202°, 99%, 72%	cmyk 99%, 36%, 0%, 28%	Pantone 307C
	#1FAF79	rgb (31, 175, 121)	hsl 158°, 70%, 40%	hsv 158°, 82%, 69%	cmyk 82%, 0%, 31%, 31%	Pantone 339C

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