#C0BCBA - #8F7C65 | 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 #C0BCBA to #8F7C65

#C0BCBA #8F7C65

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

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

0.0%	0.0% #C0BCBA	RGB 192 188 186	#C0BCBA
16.7%	16.7% #B7B1AB	RGB 183 177 171	#B7B1AB
33.3%	33.3% #AFA69D	RGB 175 166 157	#AFA69D
50.0%	50.0% #A79C8F	RGB 167 156 143	#A79C8F
66.7%	66.7% #9F9181	RGB 159 145 129	#9F9181
83.3%	83.3% #978673	RGB 151 134 115	#978673
100.0%	100.0% #8F7C65	RGB 143 124 101	#8F7C65

#C0BCBA #B7B1AB #AFA69D #A79C8F #9F9181 #978673 #8F7C65

#C0BCBA - #8F7C65

HSV Blend

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

0.0%	0.0% #C0BCBA	RGB 192 188 186	#C0BCBA
16.7%	16.7% #B7AFAA	RGB 183 175 170	#B7AFAA
33.3%	33.3% #AFA39A	RGB 175 163 154	#AFA39A
50.0%	50.0% #A7988C	RGB 167 152 140	#A7988C
66.7%	66.7% #9F8E7E	RGB 159 142 126	#9F8E7E
83.3%	83.3% #978471	RGB 151 132 113	#978471
100.0%	100.0% #8F7C65	RGB 143 124 101	#8F7C65

#C0BCBA #B7AFAA #AFA39A #A7988C #9F8E7E #978471 #8F7C65

#C0BCBA - #A7988C - #8F7C65

CSS codes

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

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