Pineapple

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

Android color codes


                <color name="Pineapple_1">#e4f099</color>


                <color name="Pineapple_2">#b9d628</color>

Android gradient PRO

Flutter color codes


                const Pineapple1 = Color(0xFFe4f099);


                const Pineapple2 = Color(0xFFb9d628);

Flutter gradient PRO

Gradient information

Yellow

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#e4f099	rgb (228, 240, 153)	hsl 68°, 74%, 77%	hsv 68°, 36%, 94%	cmyk 5%, 0%, 36%, 6%	Pantone 587C
	#b9d628	rgb (185, 214, 40)	hsl 70°, 69%, 50%	hsv 70°, 81%, 84%	cmyk 14%, 0%, 81%, 16%	Pantone 382C

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Far far away, behind the word mountains

Featured tools

Gradient generator

Palette generator