#C0B5AC - #89705B | 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 #C0B5AC to #89705B

#C0B5AC #89705B

Calculate the color between two colors, #C0B5AC and #89705B. 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)

#C0B5AC - #89705B | 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 #C0B5AC as 0% and #89705B as 100%.

0.0%	0.0% #C0B5AC	RGB 192 181 172	#C0B5AC
16.7%	16.7% #B6A99E	RGB 182 169 158	#B6A99E
33.3%	33.3% #AD9E91	RGB 173 158 145	#AD9E91
50.0%	50.0% #A49283	RGB 164 146 131	#A49283
66.7%	66.7% #9B8776	RGB 155 135 118	#9B8776
83.3%	83.3% #927B68	RGB 146 123 104	#927B68
100.0%	100.0% #89705B	RGB 137 112 91	#89705B

#C0B5AC #B6A99E #AD9E91 #A49283 #9B8776 #927B68 #89705B

#C0B5AC - #89705B

HSV Blend

#C0B5AC - #89705B | 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 #C0B5AC as 0% and #89705B as 100%.

0.0%	0.0% #C0B5AC	RGB 192 181 172	#C0B5AC
16.7%	16.7% #B6A89C	RGB 182 168 156	#B6A89C
33.3%	33.3% #AD9C8E	RGB 173 156 142	#AD9C8E
50.0%	50.0% #A49080	RGB 164 144 128	#A49080
66.7%	66.7% #9B8573	RGB 155 133 115	#9B8573
83.3%	83.3% #927A66	RGB 146 122 102	#927A66
100.0%	100.0% #89705B	RGB 137 112 91	#89705B

#C0B5AC #B6A89C #AD9C8E #A49080 #9B8573 #927A66 #89705B

#C0B5AC - #A49080 - #89705B

CSS codes

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

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