#C8BFBC - #8C7E5B | 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 #C8BFBC to #8C7E5B

#C8BFBC #8C7E5B

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

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

0.0%	0.0% #C8BFBC	RGB 200 191 188	#C8BFBC
16.7%	16.7% #BEB4AB	RGB 190 180 171	#BEB4AB
33.3%	33.3% #B4A99B	RGB 180 169 155	#B4A99B
50.0%	50.0% #AA9E8B	RGB 170 158 139	#AA9E8B
66.7%	66.7% #A0937B	RGB 160 147 123	#A0937B
83.3%	83.3% #96886B	RGB 150 136 107	#96886B
100.0%	100.0% #8C7E5B	RGB 140 126 91	#8C7E5B

#C8BFBC #BEB4AB #B4A99B #AA9E8B #A0937B #96886B #8C7E5B

#C8BFBC - #8C7E5B

HSV Blend

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

0.0%	0.0% #C8BFBC	RGB 200 191 188	#C8BFBC
16.7%	16.7% #BEB0A9	RGB 190 176 169	#BEB0A9
33.3%	33.3% #B4A397	RGB 180 163 151	#B4A397
50.0%	50.0% #AA9787	RGB 170 151 135	#AA9787
66.7%	66.7% #A08E77	RGB 160 142 119	#A08E77
83.3%	83.3% #968568	RGB 150 133 104	#968568
100.0%	100.0% #8C7E5B	RGB 140 126 91	#8C7E5B

#C8BFBC #BEB0A9 #B4A397 #AA9787 #A08E77 #968568 #8C7E5B

#C8BFBC - #AA9787 - #8C7E5B

CSS codes

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

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