Watermelon

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/gqzlBDsAgoNm6VyYjfV3

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

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#74f28f	rgb (116, 242, 143)	hsl 133°, 83%, 70%	hsv 133°, 52%, 95%	cmyk 52%, 0%, 41%, 5%	Pantone 360C
	#f7736c	rgb (247, 115, 108)	hsl 3°, 90%, 70%	hsv 3°, 56%, 97%	cmyk 0%, 53%, 56%, 3%	Pantone 805C

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