Butter

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

Android color codes


                <color name="Butter_1">#ffc3ad</color>


                <color name="Butter_2">#ffafbd</color>

Android gradient PRO

Flutter color codes


                const Butter1 = Color(0xFFffc3ad);


                const Butter2 = Color(0xFFffafbd);

Flutter gradient PRO

Gradient information

Orange

Pink

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#ffc3ad	rgb (255, 195, 173)	hsl 16°, 100%, 84%	hsv 16°, 32%, 100%	cmyk 0%, 24%, 32%, 0%	Pantone 162C
	#ffafbd	rgb (255, 175, 189)	hsl 349°, 100%, 84%	hsv 350°, 31%, 100%	cmyk 0%, 31%, 26%, 0%	Pantone 1767C

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