#C8C6D7 - #836995 | 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 #C8C6D7 to #836995

#C8C6D7 #836995

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

#C8C6D7 - #836995 | 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 #C8C6D7 as 0% and #836995 as 100%.

0.0%	0.0% #C8C6D7	RGB 200 198 215	#C8C6D7
16.7%	16.7% #BCB6CC	RGB 188 182 204	#BCB6CC
33.3%	33.3% #B1A7C1	RGB 177 167 193	#B1A7C1
50.0%	50.0% #A597B6	RGB 165 151 182	#A597B6
66.7%	66.7% #9A88AB	RGB 154 136 171	#9A88AB
83.3%	83.3% #8E78A0	RGB 142 120 160	#8E78A0
100.0%	100.0% #836995	RGB 131 105 149	#836995

#C8C6D7 #BCB6CC #B1A7C1 #A597B6 #9A88AB #8E78A0 #836995

#C8C6D7 - #836995

HSV Blend

#C8C6D7 - #836995 | 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 #C8C6D7 as 0% and #836995 as 100%.

0.0%	0.0% #C8C6D7	RGB 200 198 215	#C8C6D7
16.7%	16.7% #B9B4CC	RGB 185 180 204	#B9B4CC
33.3%	33.3% #ABA3C1	RGB 171 163 193	#ABA3C1
50.0%	50.0% #A093B6	RGB 160 147 182	#A093B6
66.7%	66.7% #9584AB	RGB 149 132 171	#9584AB
83.3%	83.3% #8B76A0	RGB 139 118 160	#8B76A0
100.0%	100.0% #836995	RGB 131 105 149	#836995

#C8C6D7 #B9B4CC #ABA3C1 #A093B6 #9584AB #8B76A0 #836995

#C8C6D7 - #A093B6 - #836995

CSS codes

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

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