#CCC7CC - #876E74 | 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 #CCC7CC to #876E74

#CCC7CC #876E74

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

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

0.0%	0.0% #CCC7CC	RGB 204 199 204	#CCC7CC
16.7%	16.7% #C0B8BD	RGB 192 184 189	#C0B8BD
33.3%	33.3% #B5A9AE	RGB 181 169 174	#B5A9AE
50.0%	50.0% #A99AA0	RGB 169 154 160	#A99AA0
66.7%	66.7% #9E8B91	RGB 158 139 145	#9E8B91
83.3%	83.3% #927C82	RGB 146 124 130	#927C82
100.0%	100.0% #876E74	RGB 135 110 116	#876E74

#CCC7CC #C0B8BD #B5A9AE #A99AA0 #9E8B91 #927C82 #876E74

#CCC7CC - #876E74

HSV Blend

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

0.0%	0.0% #CCC7CC	RGB 204 199 204	#CCC7CC
16.7%	16.7% #C0B6BF	RGB 192 182 191	#C0B6BF
33.3%	33.3% #B5A6B1	RGB 181 166 177	#B5A6B1
50.0%	50.0% #A997A2	RGB 169 151 162	#A997A2
66.7%	66.7% #9E8993	RGB 158 137 147	#9E8993
83.3%	83.3% #927B83	RGB 146 123 131	#927B83
100.0%	100.0% #876E74	RGB 135 110 116	#876E74

#CCC7CC #C0B6BF #B5A6B1 #A997A2 #9E8993 #927B83 #876E74

#CCC7CC - #A997A2 - #876E74

CSS codes

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

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