#CCC8C4 - #AA8772 | 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 #CCC8C4 to #AA8772

#CCC8C4 #AA8772

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

#CCC8C4 - #AA8772 | 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 #CCC8C4 as 0% and #AA8772 as 100%.

0.0%	0.0% #CCC8C4	RGB 204 200 196	#CCC8C4
16.7%	16.7% #C6BDB6	RGB 198 189 182	#C6BDB6
33.3%	33.3% #C0B2A8	RGB 192 178 168	#C0B2A8
50.0%	50.0% #BBA79B	RGB 187 167 155	#BBA79B
66.7%	66.7% #B59C8D	RGB 181 156 141	#B59C8D
83.3%	83.3% #AF917F	RGB 175 145 127	#AF917F
100.0%	100.0% #AA8772	RGB 170 135 114	#AA8772

#CCC8C4 #C6BDB6 #C0B2A8 #BBA79B #B59C8D #AF917F #AA8772

#CCC8C4 - #AA8772

HSV Blend

#CCC8C4 - #AA8772 | 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 #CCC8C4 as 0% and #AA8772 as 100%.

0.0%	0.0% #CCC8C4	RGB 204 200 196	#CCC8C4
16.7%	16.7% #C6BDB4	RGB 198 189 180	#C6BDB4
33.3%	33.3% #C0B2A6	RGB 192 178 166	#C0B2A6
50.0%	50.0% #BBA798	RGB 187 167 152	#BBA798
66.7%	66.7% #B59C8B	RGB 181 156 139	#B59C8B
83.3%	83.3% #AF917E	RGB 175 145 126	#AF917E
100.0%	100.0% #AA8772	RGB 170 135 114	#AA8772

#CCC8C4 #C6BDB4 #C0B2A6 #BBA798 #B59C8B #AF917E #AA8772

#CCC8C4 - #BBA798 - #AA8772

CSS codes

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

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