#CCC1BC - #AF7B69 | 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 #CCC1BC to #AF7B69

#CCC1BC #AF7B69

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

#CCC1BC - #AF7B69 | 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 #CCC1BC as 0% and #AF7B69 as 100%.

0.0%	0.0% #CCC1BC	RGB 204 193 188	#CCC1BC
16.7%	16.7% #C7B5AE	RGB 199 181 174	#C7B5AE
33.3%	33.3% #C2A9A0	RGB 194 169 160	#C2A9A0
50.0%	50.0% #BD9E92	RGB 189 158 146	#BD9E92
66.7%	66.7% #B89284	RGB 184 146 132	#B89284
83.3%	83.3% #B38676	RGB 179 134 118	#B38676
100.0%	100.0% #AF7B69	RGB 175 123 105	#AF7B69

#CCC1BC #C7B5AE #C2A9A0 #BD9E92 #B89284 #B38676 #AF7B69

#CCC1BC - #AF7B69

HSV Blend

#CCC1BC - #AF7B69 | 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 #CCC1BC as 0% and #AF7B69 as 100%.

0.0%	0.0% #CCC1BC	RGB 204 193 188	#CCC1BC
16.7%	16.7% #C7B4AC	RGB 199 180 172	#C7B4AC
33.3%	33.3% #C2A89E	RGB 194 168 158	#C2A89E
50.0%	50.0% #BD9D90	RGB 189 157 144	#BD9D90
66.7%	66.7% #B89182	RGB 184 145 130	#B89182
83.3%	83.3% #B38675	RGB 179 134 117	#B38675
100.0%	100.0% #AF7B69	RGB 175 123 105	#AF7B69

#CCC1BC #C7B4AC #C2A89E #BD9D90 #B89182 #B38675 #AF7B69

#CCC1BC - #BD9D90 - #AF7B69

CSS codes

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

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