#C0BCBD - #8C6C72 | 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 #C0BCBD to #8C6C72

#C0BCBD #8C6C72

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

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

0.0%	0.0% #C0BCBD	RGB 192 188 189	#C0BCBD
16.7%	16.7% #B7AEB0	RGB 183 174 176	#B7AEB0
33.3%	33.3% #AEA1A4	RGB 174 161 164	#AEA1A4
50.0%	50.0% #A69497	RGB 166 148 151	#A69497
66.7%	66.7% #9D868B	RGB 157 134 139	#9D868B
83.3%	83.3% #94797E	RGB 148 121 126	#94797E
100.0%	100.0% #8C6C72	RGB 140 108 114	#8C6C72

#C0BCBD #B7AEB0 #AEA1A4 #A69497 #9D868B #94797E #8C6C72

#C0BCBD - #8C6C72

HSV Blend

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

0.0%	0.0% #C0BCBD	RGB 192 188 189	#C0BCBD
16.7%	16.7% #B7ADAF	RGB 183 173 175	#B7ADAF
33.3%	33.3% #AE9EA2	RGB 174 158 162	#AE9EA2
50.0%	50.0% #A69195	RGB 166 145 149	#A69195
66.7%	66.7% #9D8489	RGB 157 132 137	#9D8489
83.3%	83.3% #94777D	RGB 148 119 125	#94777D
100.0%	100.0% #8C6C72	RGB 140 108 114	#8C6C72

#C0BCBD #B7ADAF #AE9EA2 #A69195 #9D8489 #94777D #8C6C72

#C0BCBD - #A69195 - #8C6C72

CSS codes

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

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