#C0AC7D - #8F811A | 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 #C0AC7D to #8F811A

#C0AC7D #8F811A

Calculate the color between two colors, #C0AC7D and #8F811A. 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)

#C0AC7D - #8F811A | 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 #C0AC7D as 0% and #8F811A as 100%.

0.0%	0.0% #C0AC7D	RGB 192 172 125	#C0AC7D
16.7%	16.7% #B7A46C	RGB 183 164 108	#B7A46C
33.3%	33.3% #AF9D5C	RGB 175 157 92	#AF9D5C
50.0%	50.0% #A7964B	RGB 167 150 75	#A7964B
66.7%	66.7% #9F8F3B	RGB 159 143 59	#9F8F3B
83.3%	83.3% #97882A	RGB 151 136 42	#97882A
100.0%	100.0% #8F811A	RGB 143 129 26	#8F811A

#C0AC7D #B7A46C #AF9D5C #A7964B #9F8F3B #97882A #8F811A

#C0AC7D - #8F811A

HSV Blend

#C0AC7D - #8F811A | 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 #C0AC7D as 0% and #8F811A as 100%.

0.0%	0.0% #C0AC7D	RGB 192 172 125	#C0AC7D
16.7%	16.7% #B7A269	RGB 183 162 105	#B7A269
33.3%	33.3% #AF9A56	RGB 175 154 86	#AF9A56
50.0%	50.0% #A79345	RGB 167 147 69	#A79345
66.7%	66.7% #9F8C35	RGB 159 140 53	#9F8C35
83.3%	83.3% #978627	RGB 151 134 39	#978627
100.0%	100.0% #8F811A	RGB 143 129 26	#8F811A

#C0AC7D #B7A269 #AF9A56 #A79345 #9F8C35 #978627 #8F811A

#C0AC7D - #A79345 - #8F811A

CSS codes

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

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