#CCCAC8 - #AA8977 | 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 #CCCAC8 to #AA8977

#CCCAC8 #AA8977

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

#CCCAC8 - #AA8977 | 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 #CCCAC8 as 0% and #AA8977 as 100%.

0.0%	0.0% #CCCAC8	RGB 204 202 200	#CCCAC8
16.7%	16.7% #C6BFBA	RGB 198 191 186	#C6BFBA
33.3%	33.3% #C0B4AD	RGB 192 180 173	#C0B4AD
50.0%	50.0% #BBA99F	RGB 187 169 159	#BBA99F
66.7%	66.7% #B59E92	RGB 181 158 146	#B59E92
83.3%	83.3% #AF9384	RGB 175 147 132	#AF9384
100.0%	100.0% #AA8977	RGB 170 137 119	#AA8977

#CCCAC8 #C6BFBA #C0B4AD #BBA99F #B59E92 #AF9384 #AA8977

#CCCAC8 - #AA8977

HSV Blend

#CCCAC8 - #AA8977 | 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 #CCCAC8 as 0% and #AA8977 as 100%.

0.0%	0.0% #CCCAC8	RGB 204 202 200	#CCCAC8
16.7%	16.7% #C6BFB9	RGB 198 191 185	#C6BFB9
33.3%	33.3% #C0B4AA	RGB 192 180 170	#C0B4AA
50.0%	50.0% #BBA99D	RGB 187 169 157	#BBA99D
66.7%	66.7% #B59E8F	RGB 181 158 143	#B59E8F
83.3%	83.3% #AF9383	RGB 175 147 131	#AF9383
100.0%	100.0% #AA8977	RGB 170 137 119	#AA8977

#CCCAC8 #C6BFB9 #C0B4AA #BBA99D #B59E8F #AF9383 #AA8977

#CCCAC8 - #BBA99D - #AA8977

CSS codes

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

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