#CCC4B2 - #AD915D | 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 #CCC4B2 to #AD915D

#CCC4B2 #AD915D

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

#CCC4B2 - #AD915D | 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 #CCC4B2 as 0% and #AD915D as 100%.

0.0%	0.0% #CCC4B2	RGB 204 196 178	#CCC4B2
16.7%	16.7% #C6BBA3	RGB 198 187 163	#C6BBA3
33.3%	33.3% #C1B395	RGB 193 179 149	#C1B395
50.0%	50.0% #BCAA87	RGB 188 170 135	#BCAA87
66.7%	66.7% #B7A279	RGB 183 162 121	#B7A279
83.3%	83.3% #B2996B	RGB 178 153 107	#B2996B
100.0%	100.0% #AD915D	RGB 173 145 93	#AD915D

#CCC4B2 #C6BBA3 #C1B395 #BCAA87 #B7A279 #B2996B #AD915D

#CCC4B2 - #AD915D

HSV Blend

#CCC4B2 - #AD915D | 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 #CCC4B2 as 0% and #AD915D as 100%.

0.0%	0.0% #CCC4B2	RGB 204 196 178	#CCC4B2
16.7%	16.7% #C6BBA2	RGB 198 187 162	#C6BBA2
33.3%	33.3% #C1B293	RGB 193 178 147	#C1B293
50.0%	50.0% #BCAA84	RGB 188 170 132	#BCAA84
66.7%	66.7% #B7A177	RGB 183 161 119	#B7A177
83.3%	83.3% #B29969	RGB 178 153 105	#B29969
100.0%	100.0% #AD915D	RGB 173 145 93	#AD915D

#CCC4B2 #C6BBA2 #C1B293 #BCAA84 #B7A177 #B29969 #AD915D

#CCC4B2 - #BCAA84 - #AD915D

CSS codes

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

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