#CCC5C7 - #8C6F79 | 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 #CCC5C7 to #8C6F79

#CCC5C7 #8C6F79

Calculate the color between two colors, #CCC5C7 and #8C6F79. 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)

#CCC5C7 - #8C6F79 | 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 #CCC5C7 as 0% and #8C6F79 as 100%.

0.0%	0.0% #CCC5C7	RGB 204 197 199	#CCC5C7
16.7%	16.7% #C1B6BA	RGB 193 182 186	#C1B6BA
33.3%	33.3% #B6A8AD	RGB 182 168 173	#B6A8AD
50.0%	50.0% #AC9AA0	RGB 172 154 160	#AC9AA0
66.7%	66.7% #A18B93	RGB 161 139 147	#A18B93
83.3%	83.3% #967D86	RGB 150 125 134	#967D86
100.0%	100.0% #8C6F79	RGB 140 111 121	#8C6F79

#CCC5C7 #C1B6BA #B6A8AD #AC9AA0 #A18B93 #967D86 #8C6F79

#CCC5C7 - #8C6F79

HSV Blend

#CCC5C7 - #8C6F79 | 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 #CCC5C7 as 0% and #8C6F79 as 100%.

0.0%	0.0% #CCC5C7	RGB 204 197 199	#CCC5C7
16.7%	16.7% #C1B5B8	RGB 193 181 184	#C1B5B8
33.3%	33.3% #B6A5AB	RGB 182 165 171	#B6A5AB
50.0%	50.0% #AC979D	RGB 172 151 157	#AC979D
66.7%	66.7% #A18991	RGB 161 137 145	#A18991
83.3%	83.3% #967B84	RGB 150 123 132	#967B84
100.0%	100.0% #8C6F79	RGB 140 111 121	#8C6F79

#CCC5C7 #C1B5B8 #B6A5AB #AC979D #A18991 #967B84 #8C6F79

#CCC5C7 - #AC979D - #8C6F79

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC5C7 0%, #AC979D 50%, #8C6F79 100%);
    background: -webkit-linear-gradient(top, #CCC5C7 0%, #AC979D 50%, #8C6F79 100%);
    background: linear-gradient(to bottom, #CCC5C7 0%, #AC979D 50%, #8C6F79 100%);
}
</style>