Life

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/OZdaxOHrcufPloam5dif

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

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#22b357	rgb (34, 179, 87)	hsl 142°, 68%, 42%	hsv 142°, 81%, 70%	cmyk 81%, 0%, 51%, 30%	Pantone 347C
	#3664c7	rgb (54, 100, 199)	hsl 221°, 57%, 50%	hsv 221°, 73%, 78%	cmyk 73%, 50%, 0%, 22%	Pantone 2935C

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