#FFFC64 - #FFFED2 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #FFFC64 to #FFFED2

#FFFC64 #FFFED2

Calculate the color between two colors, #FFFC64 and #FFFED2. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#FFFC64 - #FFFED2 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #FFFC64 as 0% and #FFFED2 as 100%.

0.0%	0.0% #FFFC64	RGB 255 252 100	#FFFC64
16.7%	16.7% #FFFC76	RGB 255 252 118	#FFFC76
33.3%	33.3% #FFFC88	RGB 255 252 136	#FFFC88
50.0%	50.0% #FFFD9B	RGB 255 253 155	#FFFD9B
66.7%	66.7% #FFFDAD	RGB 255 253 173	#FFFDAD
83.3%	83.3% #FFFDBF	RGB 255 253 191	#FFFDBF
100.0%	100.0% #FFFED2	RGB 255 254 210	#FFFED2

#FFFC64 #FFFC76 #FFFC88 #FFFD9B #FFFDAD #FFFDBF #FFFED2

#FFFC64 - #FFFED2

HSV Blend

#FFFC64 - #FFFED2 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #FFFC64 as 0% and #FFFED2 as 100%.

0.0%	0.0% #FFFC64	RGB 255 252 100	#FFFC64
16.7%	16.7% #FFFC76	RGB 255 252 118	#FFFC76
33.3%	33.3% #FFFC88	RGB 255 252 136	#FFFC88
50.0%	50.0% #FFFC9B	RGB 255 252 155	#FFFC9B
66.7%	66.7% #FFFDAD	RGB 255 253 173	#FFFDAD
83.3%	83.3% #FFFDBF	RGB 255 253 191	#FFFDBF
100.0%	100.0% #FFFED2	RGB 255 254 210	#FFFED2

#FFFC64 #FFFC76 #FFFC88 #FFFC9B #FFFDAD #FFFDBF #FFFED2

#FFFC64 - #FFFC9B - #FFFED2

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #FFFC64 0%, #FFFED2 100%);
    background: -webkit-linear-gradient(top, #FFFC64 0%, #FFFED2 100%);
    background: linear-gradient(to bottom, #FFFC64 0%, #FFFED2 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #FFFC64 0%, #FFFC9B 50%, #FFFED2 100%);
    background: -webkit-linear-gradient(top, #FFFC64 0%, #FFFC9B 50%, #FFFED2 100%);
    background: linear-gradient(to bottom, #FFFC64 0%, #FFFC9B 50%, #FFFED2 100%);
}
</style>