#C9C7CC - #876E83 | 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 #C9C7CC to #876E83

#C9C7CC #876E83

Calculate the color between two colors, #C9C7CC and #876E83. 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)

#C9C7CC - #876E83 | 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 #C9C7CC as 0% and #876E83 as 100%.

0.0%	0.0% #C9C7CC	RGB 201 199 204	#C9C7CC
16.7%	16.7% #BEB8BF	RGB 190 184 191	#BEB8BF
33.3%	33.3% #B3A9B3	RGB 179 169 179	#B3A9B3
50.0%	50.0% #A89AA7	RGB 168 154 167	#A89AA7
66.7%	66.7% #9D8B9B	RGB 157 139 155	#9D8B9B
83.3%	83.3% #927C8F	RGB 146 124 143	#927C8F
100.0%	100.0% #876E83	RGB 135 110 131	#876E83

#C9C7CC #BEB8BF #B3A9B3 #A89AA7 #9D8B9B #927C8F #876E83

#C9C7CC - #876E83

HSV Blend

#C9C7CC - #876E83 | 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 #C9C7CC as 0% and #876E83 as 100%.

0.0%	0.0% #C9C7CC	RGB 201 199 204	#C9C7CC
16.7%	16.7% #BBB6C0	RGB 187 182 192	#BBB6C0
33.3%	33.3% #B0A6B5	RGB 176 166 181	#B0A6B5
50.0%	50.0% #A597A9	RGB 165 151 169	#A597A9
66.7%	66.7% #9C899E	RGB 156 137 158	#9C899E
83.3%	83.3% #927B91	RGB 146 123 145	#927B91
100.0%	100.0% #876E83	RGB 135 110 131	#876E83

#C9C7CC #BBB6C0 #B0A6B5 #A597A9 #9C899E #927B91 #876E83

#C9C7CC - #A597A9 - #876E83

CSS codes

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

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