#FFEAC3 - #EEB96C | 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 #FFEAC3 to #EEB96C

#FFEAC3 #EEB96C

Calculate the color between two colors, #FFEAC3 and #EEB96C. 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)

#FFEAC3 - #EEB96C | 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 #FFEAC3 as 0% and #EEB96C as 100%.

0.0%	0.0% #FFEAC3	RGB 255 234 195	#FFEAC3
16.7%	16.7% #FCE1B4	RGB 252 225 180	#FCE1B4
33.3%	33.3% #F9D9A6	RGB 249 217 166	#F9D9A6
50.0%	50.0% #F6D197	RGB 246 209 151	#F6D197
66.7%	66.7% #F3C989	RGB 243 201 137	#F3C989
83.3%	83.3% #F0C17A	RGB 240 193 122	#F0C17A
100.0%	100.0% #EEB96C	RGB 238 185 108	#EEB96C

#FFEAC3 #FCE1B4 #F9D9A6 #F6D197 #F3C989 #F0C17A #EEB96C

#FFEAC3 - #EEB96C

HSV Blend

#FFEAC3 - #EEB96C | 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 #FFEAC3 as 0% and #EEB96C as 100%.

0.0%	0.0% #FFEAC3	RGB 255 234 195	#FFEAC3
16.7%	16.7% #FCE2B3	RGB 252 226 179	#FCE2B3
33.3%	33.3% #F9DAA4	RGB 249 218 164	#F9DAA4
50.0%	50.0% #F6D296	RGB 246 210 150	#F6D296
66.7%	66.7% #F3C987	RGB 243 201 135	#F3C987
83.3%	83.3% #F0C179	RGB 240 193 121	#F0C179
100.0%	100.0% #EEB96C	RGB 238 185 108	#EEB96C

#FFEAC3 #FCE2B3 #F9DAA4 #F6D296 #F3C987 #F0C179 #EEB96C

#FFEAC3 - #F6D296 - #EEB96C

CSS codes

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

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