#CCC9C7 - #AC8676 | 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 #CCC9C7 to #AC8676

#CCC9C7 #AC8676

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

#CCC9C7 - #AC8676 | 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 #CCC9C7 as 0% and #AC8676 as 100%.

0.0%	0.0% #CCC9C7	RGB 204 201 199	#CCC9C7
16.7%	16.7% #C6BDB9	RGB 198 189 185	#C6BDB9
33.3%	33.3% #C1B2AC	RGB 193 178 172	#C1B2AC
50.0%	50.0% #BCA79E	RGB 188 167 158	#BCA79E
66.7%	66.7% #B69C91	RGB 182 156 145	#B69C91
83.3%	83.3% #B19183	RGB 177 145 131	#B19183
100.0%	100.0% #AC8676	RGB 172 134 118	#AC8676

#CCC9C7 #C6BDB9 #C1B2AC #BCA79E #B69C91 #B19183 #AC8676

#CCC9C7 - #AC8676

HSV Blend

#CCC9C7 - #AC8676 | 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 #CCC9C7 as 0% and #AC8676 as 100%.

0.0%	0.0% #CCC9C7	RGB 204 201 199	#CCC9C7
16.7%	16.7% #C6BDB8	RGB 198 189 184	#C6BDB8
33.3%	33.3% #C1B2A9	RGB 193 178 169	#C1B2A9
50.0%	50.0% #BCA79C	RGB 188 167 156	#BCA79C
66.7%	66.7% #B69C8E	RGB 182 156 142	#B69C8E
83.3%	83.3% #B19082	RGB 177 144 130	#B19082
100.0%	100.0% #AC8676	RGB 172 134 118	#AC8676

#CCC9C7 #C6BDB8 #C1B2A9 #BCA79C #B69C8E #B19082 #AC8676

#CCC9C7 - #BCA79C - #AC8676

CSS codes

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

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