#C8C5CF - #806C8B | 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 #C8C5CF to #806C8B

#C8C5CF #806C8B

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

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

0.0%	0.0% #C8C5CF	RGB 200 197 207	#C8C5CF
16.7%	16.7% #BCB6C3	RGB 188 182 195	#BCB6C3
33.3%	33.3% #B0A7B8	RGB 176 167 184	#B0A7B8
50.0%	50.0% #A498AD	RGB 164 152 173	#A498AD
66.7%	66.7% #9889A1	RGB 152 137 161	#9889A1
83.3%	83.3% #8C7A96	RGB 140 122 150	#8C7A96
100.0%	100.0% #806C8B	RGB 128 108 139	#806C8B

#C8C5CF #BCB6C3 #B0A7B8 #A498AD #9889A1 #8C7A96 #806C8B

#C8C5CF - #806C8B

HSV Blend

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

0.0%	0.0% #C8C5CF	RGB 200 197 207	#C8C5CF
16.7%	16.7% #B9B4C3	RGB 185 180 195	#B9B4C3
33.3%	33.3% #ACA4B8	RGB 172 164 184	#ACA4B8
50.0%	50.0% #A095AD	RGB 160 149 173	#A095AD
66.7%	66.7% #9587A1	RGB 149 135 161	#9587A1
83.3%	83.3% #8A7996	RGB 138 121 150	#8A7996
100.0%	100.0% #806C8B	RGB 128 108 139	#806C8B

#C8C5CF #B9B4C3 #ACA4B8 #A095AD #9587A1 #8A7996 #806C8B

#C8C5CF - #A095AD - #806C8B

CSS codes

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

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