#C7AC5A - #EFE7CF | 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 #C7AC5A to #EFE7CF

#C7AC5A #EFE7CF

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

#C7AC5A - #EFE7CF | 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 #C7AC5A as 0% and #EFE7CF as 100%.

0.0%	0.0% #C7AC5A	RGB 199 172 90	#C7AC5A
16.7%	16.7% #CDB56D	RGB 205 181 109	#CDB56D
33.3%	33.3% #D4BF81	RGB 212 191 129	#D4BF81
50.0%	50.0% #DBC994	RGB 219 201 148	#DBC994
66.7%	66.7% #E1D3A8	RGB 225 211 168	#E1D3A8
83.3%	83.3% #E8DDBB	RGB 232 221 187	#E8DDBB
100.0%	100.0% #EFE7CF	RGB 239 231 207	#EFE7CF

#C7AC5A #CDB56D #D4BF81 #DBC994 #E1D3A8 #E8DDBB #EFE7CF

#C7AC5A - #EFE7CF

HSV Blend

#C7AC5A - #EFE7CF | 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 #C7AC5A as 0% and #EFE7CF as 100%.

0.0%	0.0% #C7AC5A	RGB 199 172 90	#C7AC5A
16.7%	16.7% #CDB56B	RGB 205 181 107	#CDB56B
33.3%	33.3% #D4BE7D	RGB 212 190 125	#D4BE7D
50.0%	50.0% #DBC890	RGB 219 200 144	#DBC890
66.7%	66.7% #E1D2A4	RGB 225 210 164	#E1D2A4
83.3%	83.3% #E8DCB9	RGB 232 220 185	#E8DCB9
100.0%	100.0% #EFE7CF	RGB 239 231 207	#EFE7CF

#C7AC5A #CDB56B #D4BE7D #DBC890 #E1D2A4 #E8DCB9 #EFE7CF

#C7AC5A - #DBC890 - #EFE7CF

CSS codes

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

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