#C8BCB2 - #A8795D | 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 #C8BCB2 to #A8795D

#C8BCB2 #A8795D

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

#C8BCB2 - #A8795D | 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 #C8BCB2 as 0% and #A8795D as 100%.

0.0%	0.0% #C8BCB2	RGB 200 188 178	#C8BCB2
16.7%	16.7% #C2B0A3	RGB 194 176 163	#C2B0A3
33.3%	33.3% #BDA595	RGB 189 165 149	#BDA595
50.0%	50.0% #B89A87	RGB 184 154 135	#B89A87
66.7%	66.7% #B28F79	RGB 178 143 121	#B28F79
83.3%	83.3% #AD846B	RGB 173 132 107	#AD846B
100.0%	100.0% #A8795D	RGB 168 121 93	#A8795D

#C8BCB2 #C2B0A3 #BDA595 #B89A87 #B28F79 #AD846B #A8795D

#C8BCB2 - #A8795D

HSV Blend

#C8BCB2 - #A8795D | 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 #C8BCB2 as 0% and #A8795D as 100%.

0.0%	0.0% #C8BCB2	RGB 200 188 178	#C8BCB2
16.7%	16.7% #C2B0A2	RGB 194 176 162	#C2B0A2
33.3%	33.3% #BDA593	RGB 189 165 147	#BDA593
50.0%	50.0% #B89984	RGB 184 153 132	#B89984
66.7%	66.7% #B28E76	RGB 178 142 118	#B28E76
83.3%	83.3% #AD8369	RGB 173 131 105	#AD8369
100.0%	100.0% #A8795D	RGB 168 121 93	#A8795D

#C8BCB2 #C2B0A2 #BDA593 #B89984 #B28E76 #AD8369 #A8795D

#C8BCB2 - #B89984 - #A8795D

CSS codes

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

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