#CCC8C8 - #AF777A | 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 #CCC8C8 to #AF777A

#CCC8C8 #AF777A

Calculate the color between two colors, #CCC8C8 and #AF777A. 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)

#CCC8C8 - #AF777A | 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 #CCC8C8 as 0% and #AF777A as 100%.

0.0%	0.0% #CCC8C8	RGB 204 200 200	#CCC8C8
16.7%	16.7% #C7BABB	RGB 199 186 187	#C7BABB
33.3%	33.3% #C2ADAE	RGB 194 173 174	#C2ADAE
50.0%	50.0% #BD9FA1	RGB 189 159 161	#BD9FA1
66.7%	66.7% #B89294	RGB 184 146 148	#B89294
83.3%	83.3% #B38487	RGB 179 132 135	#B38487
100.0%	100.0% #AF777A	RGB 175 119 122	#AF777A

#CCC8C8 #C7BABB #C2ADAE #BD9FA1 #B89294 #B38487 #AF777A

#CCC8C8 - #AF777A

HSV Blend

#CCC8C8 - #AF777A | 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 #CCC8C8 as 0% and #AF777A as 100%.

0.0%	0.0% #CCC8C8	RGB 204 200 200	#CCC8C8
16.7%	16.7% #C7B9B9	RGB 199 185 185	#C7B9B9
33.3%	33.3% #C2ABAB	RGB 194 171 171	#C2ABAB
50.0%	50.0% #BD9D9E	RGB 189 157 158	#BD9D9E
66.7%	66.7% #B89091	RGB 184 144 145	#B89091
83.3%	83.3% #B38385	RGB 179 131 133	#B38385
100.0%	100.0% #AF777A	RGB 175 119 122	#AF777A

#CCC8C8 #C7B9B9 #C2ABAB #BD9D9E #B89091 #B38385 #AF777A

#CCC8C8 - #BD9D9E - #AF777A

CSS codes

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

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