#C8BCBC - #A3696E | 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 #C8BCBC to #A3696E

#C8BCBC #A3696E

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

#C8BCBC - #A3696E | 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 #C8BCBC as 0% and #A3696E as 100%.

0.0%	0.0% #C8BCBC	RGB 200 188 188	#C8BCBC
16.7%	16.7% #C1AEAF	RGB 193 174 175	#C1AEAF
33.3%	33.3% #BBA0A2	RGB 187 160 162	#BBA0A2
50.0%	50.0% #B59295	RGB 181 146 149	#B59295
66.7%	66.7% #AF8488	RGB 175 132 136	#AF8488
83.3%	83.3% #A9767B	RGB 169 118 123	#A9767B
100.0%	100.0% #A3696E	RGB 163 105 110	#A3696E

#C8BCBC #C1AEAF #BBA0A2 #B59295 #AF8488 #A9767B #A3696E

#C8BCBC - #A3696E

HSV Blend

#C8BCBC - #A3696E | 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 #C8BCBC as 0% and #A3696E as 100%.

0.0%	0.0% #C8BCBC	RGB 200 188 188	#C8BCBC
16.7%	16.7% #C1ACAC	RGB 193 172 172	#C1ACAC
33.3%	33.3% #BB9D9E	RGB 187 157 158	#BB9D9E
50.0%	50.0% #B58F91	RGB 181 143 145	#B58F91
66.7%	66.7% #AF8284	RGB 175 130 132	#AF8284
83.3%	83.3% #A97579	RGB 169 117 121	#A97579
100.0%	100.0% #A3696E	RGB 163 105 110	#A3696E

#C8BCBC #C1ACAC #BB9D9E #B58F91 #AF8284 #A97579 #A3696E

#C8BCBC - #B58F91 - #A3696E

CSS codes

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

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