#C8BCBD - #8C695B | 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 #C8BCBD to #8C695B

#C8BCBD #8C695B

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

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

0.0%	0.0% #C8BCBD	RGB 200 188 189	#C8BCBD
16.7%	16.7% #BEAEAC	RGB 190 174 172	#BEAEAC
33.3%	33.3% #B4A09C	RGB 180 160 156	#B4A09C
50.0%	50.0% #AA928C	RGB 170 146 140	#AA928C
66.7%	66.7% #A0847B	RGB 160 132 123	#A0847B
83.3%	83.3% #96766B	RGB 150 118 107	#96766B
100.0%	100.0% #8C695B	RGB 140 105 91	#8C695B

#C8BCBD #BEAEAC #B4A09C #AA928C #A0847B #96766B #8C695B

#C8BCBD - #8C695B

HSV Blend

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

0.0%	0.0% #C8BCBD	RGB 200 188 189	#C8BCBD
16.7%	16.7% #BEA9A9	RGB 190 169 169	#BEA9A9
33.3%	33.3% #B49897	RGB 180 152 151	#B49897
50.0%	50.0% #AA8A87	RGB 170 138 135	#AA8A87
66.7%	66.7% #A07E77	RGB 160 126 119	#A07E77
83.3%	83.3% #967268	RGB 150 114 104	#967268
100.0%	100.0% #8C695B	RGB 140 105 91	#8C695B

#C8BCBD #BEA9A9 #B49897 #AA8A87 #A07E77 #967268 #8C695B

#C8BCBD - #AA8A87 - #8C695B

CSS codes

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

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