#F7E3C5 - #C9A267 | 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 #F7E3C5 to #C9A267

#F7E3C5 #C9A267

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

#F7E3C5 - #C9A267 | 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 #F7E3C5 as 0% and #C9A267 as 100%.

0.0%	0.0% #F7E3C5	RGB 247 227 197	#F7E3C5
16.7%	16.7% #EFD8B5	RGB 239 216 181	#EFD8B5
33.3%	33.3% #E7CDA5	RGB 231 205 165	#E7CDA5
50.0%	50.0% #E0C296	RGB 224 194 150	#E0C296
66.7%	66.7% #D8B786	RGB 216 183 134	#D8B786
83.3%	83.3% #D0AC76	RGB 208 172 118	#D0AC76
100.0%	100.0% #C9A267	RGB 201 162 103	#C9A267

#F7E3C5 #EFD8B5 #E7CDA5 #E0C296 #D8B786 #D0AC76 #C9A267

#F7E3C5 - #C9A267

HSV Blend

#F7E3C5 - #C9A267 | 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 #F7E3C5 as 0% and #C9A267 as 100%.

0.0%	0.0% #F7E3C5	RGB 247 227 197	#F7E3C5
16.7%	16.7% #EFD7B3	RGB 239 215 179	#EFD7B3
33.3%	33.3% #E7CCA2	RGB 231 204 162	#E7CCA2
50.0%	50.0% #E0C192	RGB 224 193 146	#E0C192
66.7%	66.7% #D8B683	RGB 216 182 131	#D8B683
83.3%	83.3% #D0AC74	RGB 208 172 116	#D0AC74
100.0%	100.0% #C9A267	RGB 201 162 103	#C9A267

#F7E3C5 #EFD7B3 #E7CCA2 #E0C192 #D8B683 #D0AC74 #C9A267

#F7E3C5 - #E0C192 - #C9A267

CSS codes

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

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