#CCC9C7 - #82876E | 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 #CCC9C7 to #82876E

#CCC9C7 #82876E

Calculate the color between two colors, #CCC9C7 and #82876E. 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)

#CCC9C7 - #82876E | 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 #CCC9C7 as 0% and #82876E as 100%.

0.0%	0.0% #CCC9C7	RGB 204 201 199	#CCC9C7
16.7%	16.7% #BFBEB8	RGB 191 190 184	#BFBEB8
33.3%	33.3% #B3B3A9	RGB 179 179 169	#B3B3A9
50.0%	50.0% #A7A89A	RGB 167 168 154	#A7A89A
66.7%	66.7% #9A9D8B	RGB 154 157 139	#9A9D8B
83.3%	83.3% #8E927C	RGB 142 146 124	#8E927C
100.0%	100.0% #82876E	RGB 130 135 110	#82876E

#CCC9C7 #BFBEB8 #B3B3A9 #A7A89A #9A9D8B #8E927C #82876E

#CCC9C7 - #82876E

HSV Blend

#CCC9C7 - #82876E | 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 #CCC9C7 as 0% and #82876E as 100%.

0.0%	0.0% #CCC9C7	RGB 204 201 199	#CCC9C7
16.7%	16.7% #C0BBB6	RGB 192 187 182	#C0BBB6
33.3%	33.3% #B5B0A6	RGB 181 176 166	#B5B0A6
50.0%	50.0% #A9A597	RGB 169 165 151	#A9A597
66.7%	66.7% #9E9C89	RGB 158 156 137	#9E9C89
83.3%	83.3% #90927B	RGB 144 146 123	#90927B
100.0%	100.0% #82876E	RGB 130 135 110	#82876E

#CCC9C7 #C0BBB6 #B5B0A6 #A9A597 #9E9C89 #90927B #82876E

#CCC9C7 - #A9A597 - #82876E

CSS codes

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

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