Pineapple

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/XJsDRKspvofJ5BBH0pjM

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

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#e7f272	rgb (231, 242, 114)	hsl 65°, 83%, 70%	hsv 65°, 53%, 95%	cmyk 5%, 0%, 53%, 5%	Pantone 386C
	#dbd534	rgb (219, 213, 52)	hsl 58°, 70%, 53%	hsv 58°, 76%, 86%	cmyk 0%, 3%, 76%, 14%	Pantone 611C

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