#C0B6B9 - #8D646D | 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 #C0B6B9 to #8D646D

#C0B6B9 #8D646D

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

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

0.0%	0.0% #C0B6B9	RGB 192 182 185	#C0B6B9
16.7%	16.7% #B7A8AC	RGB 183 168 172	#B7A8AC
33.3%	33.3% #AF9A9F	RGB 175 154 159	#AF9A9F
50.0%	50.0% #A68D93	RGB 166 141 147	#A68D93
66.7%	66.7% #9E7F86	RGB 158 127 134	#9E7F86
83.3%	83.3% #957179	RGB 149 113 121	#957179
100.0%	100.0% #8D646D	RGB 141 100 109	#8D646D

#C0B6B9 #B7A8AC #AF9A9F #A68D93 #9E7F86 #957179 #8D646D

#C0B6B9 - #8D646D

HSV Blend

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

0.0%	0.0% #C0B6B9	RGB 192 182 185	#C0B6B9
16.7%	16.7% #B7A6AB	RGB 183 166 171	#B7A6AB
33.3%	33.3% #AF979E	RGB 175 151 158	#AF979E
50.0%	50.0% #A68991	RGB 166 137 145	#A68991
66.7%	66.7% #9E7C84	RGB 158 124 132	#9E7C84
83.3%	83.3% #956F78	RGB 149 111 120	#956F78
100.0%	100.0% #8D646D	RGB 141 100 109	#8D646D

#C0B6B9 #B7A6AB #AF979E #A68991 #9E7C84 #956F78 #8D646D

#C0B6B9 - #A68991 - #8D646D

CSS codes

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

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