#C7C6CE - #836B8A | 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 #C7C6CE to #836B8A

#C7C6CE #836B8A

Calculate the color between two colors, #C7C6CE and #836B8A. 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)

#C7C6CE - #836B8A | 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 #C7C6CE as 0% and #836B8A as 100%.

0.0%	0.0% #C7C6CE	RGB 199 198 206	#C7C6CE
16.7%	16.7% #BBB6C2	RGB 187 182 194	#BBB6C2
33.3%	33.3% #B0A7B7	RGB 176 167 183	#B0A7B7
50.0%	50.0% #A598AC	RGB 165 152 172	#A598AC
66.7%	66.7% #9989A0	RGB 153 137 160	#9989A0
83.3%	83.3% #8E7A95	RGB 142 122 149	#8E7A95
100.0%	100.0% #836B8A	RGB 131 107 138	#836B8A

#C7C6CE #BBB6C2 #B0A7B7 #A598AC #9989A0 #8E7A95 #836B8A

#C7C6CE - #836B8A

HSV Blend

#C7C6CE - #836B8A | 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 #C7C6CE as 0% and #836B8A as 100%.

0.0%	0.0% #C7C6CE	RGB 199 198 206	#C7C6CE
16.7%	16.7% #B8B5C2	RGB 184 181 194	#B8B5C2
33.3%	33.3% #ABA4B7	RGB 171 164 183	#ABA4B7
50.0%	50.0% #9F95AC	RGB 159 149 172	#9F95AC
66.7%	66.7% #9586A0	RGB 149 134 160	#9586A0
83.3%	83.3% #8B7895	RGB 139 120 149	#8B7895
100.0%	100.0% #836B8A	RGB 131 107 138	#836B8A

#C7C6CE #B8B5C2 #ABA4B7 #9F95AC #9586A0 #8B7895 #836B8A

#C7C6CE - #9F95AC - #836B8A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7C6CE 0%, #9F95AC 50%, #836B8A 100%);
    background: -webkit-linear-gradient(top, #C7C6CE 0%, #9F95AC 50%, #836B8A 100%);
    background: linear-gradient(to bottom, #C7C6CE 0%, #9F95AC 50%, #836B8A 100%);
}
</style>