#C8C7CF - #846C8B | 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 #C8C7CF to #846C8B

#C8C7CF #846C8B

Calculate the color between two colors, #C8C7CF and #846C8B. 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)

#C8C7CF - #846C8B | 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 #C8C7CF as 0% and #846C8B as 100%.

0.0%	0.0% #C8C7CF	RGB 200 199 207	#C8C7CF
16.7%	16.7% #BCB7C3	RGB 188 183 195	#BCB7C3
33.3%	33.3% #B1A8B8	RGB 177 168 184	#B1A8B8
50.0%	50.0% #A699AD	RGB 166 153 173	#A699AD
66.7%	66.7% #9A8AA1	RGB 154 138 161	#9A8AA1
83.3%	83.3% #8F7B96	RGB 143 123 150	#8F7B96
100.0%	100.0% #846C8B	RGB 132 108 139	#846C8B

#C8C7CF #BCB7C3 #B1A8B8 #A699AD #9A8AA1 #8F7B96 #846C8B

#C8C7CF - #846C8B

HSV Blend

#C8C7CF - #846C8B | 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 #C8C7CF as 0% and #846C8B as 100%.

0.0%	0.0% #C8C7CF	RGB 200 199 207	#C8C7CF
16.7%	16.7% #B9B6C3	RGB 185 182 195	#B9B6C3
33.3%	33.3% #ACA5B8	RGB 172 165 184	#ACA5B8
50.0%	50.0% #A096AD	RGB 160 150 173	#A096AD
66.7%	66.7% #9687A1	RGB 150 135 161	#9687A1
83.3%	83.3% #8C7996	RGB 140 121 150	#8C7996
100.0%	100.0% #846C8B	RGB 132 108 139	#846C8B

#C8C7CF #B9B6C3 #ACA5B8 #A096AD #9687A1 #8C7996 #846C8B

#C8C7CF - #A096AD - #846C8B

CSS codes

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

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