#C8C6CE - #816D89 | 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 #C8C6CE to #816D89

#C8C6CE #816D89

Calculate the color between two colors, #C8C6CE and #816D89. 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)

#C8C6CE - #816D89 | 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 #C8C6CE as 0% and #816D89 as 100%.

0.0%	0.0% #C8C6CE	RGB 200 198 206	#C8C6CE
16.7%	16.7% #BCB7C2	RGB 188 183 194	#BCB7C2
33.3%	33.3% #B0A8B7	RGB 176 168 183	#B0A8B7
50.0%	50.0% #A499AB	RGB 164 153 171	#A499AB
66.7%	66.7% #988AA0	RGB 152 138 160	#988AA0
83.3%	83.3% #8C7B94	RGB 140 123 148	#8C7B94
100.0%	100.0% #816D89	RGB 129 109 137	#816D89

#C8C6CE #BCB7C2 #B0A8B7 #A499AB #988AA0 #8C7B94 #816D89

#C8C6CE - #816D89

HSV Blend

#C8C6CE - #816D89 | 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 #C8C6CE as 0% and #816D89 as 100%.

0.0%	0.0% #C8C6CE	RGB 200 198 206	#C8C6CE
16.7%	16.7% #B9B5C2	RGB 185 181 194	#B9B5C2
33.3%	33.3% #ACA5B7	RGB 172 165 183	#ACA5B7
50.0%	50.0% #A096AB	RGB 160 150 171	#A096AB
66.7%	66.7% #9588A0	RGB 149 136 160	#9588A0
83.3%	83.3% #8A7A94	RGB 138 122 148	#8A7A94
100.0%	100.0% #816D89	RGB 129 109 137	#816D89

#C8C6CE #B9B5C2 #ACA5B7 #A096AB #9588A0 #8A7A94 #816D89

#C8C6CE - #A096AB - #816D89

CSS codes

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

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