#CCC6B5 - #A78A61 | 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 #CCC6B5 to #A78A61

#CCC6B5 #A78A61

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

#CCC6B5 - #A78A61 | 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 #CCC6B5 as 0% and #A78A61 as 100%.

0.0%	0.0% #CCC6B5	RGB 204 198 181	#CCC6B5
16.7%	16.7% #C5BCA7	RGB 197 188 167	#C5BCA7
33.3%	33.3% #BFB299	RGB 191 178 153	#BFB299
50.0%	50.0% #B9A88B	RGB 185 168 139	#B9A88B
66.7%	66.7% #B39E7D	RGB 179 158 125	#B39E7D
83.3%	83.3% #AD946F	RGB 173 148 111	#AD946F
100.0%	100.0% #A78A61	RGB 167 138 97	#A78A61

#CCC6B5 #C5BCA7 #BFB299 #B9A88B #B39E7D #AD946F #A78A61

#CCC6B5 - #A78A61

HSV Blend

#CCC6B5 - #A78A61 | 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 #CCC6B5 as 0% and #A78A61 as 100%.

0.0%	0.0% #CCC6B5	RGB 204 198 181	#CCC6B5
16.7%	16.7% #C5BCA5	RGB 197 188 165	#C5BCA5
33.3%	33.3% #BFB296	RGB 191 178 150	#BFB296
50.0%	50.0% #B9A888	RGB 185 168 136	#B9A888
66.7%	66.7% #B39E7A	RGB 179 158 122	#B39E7A
83.3%	83.3% #AD946D	RGB 173 148 109	#AD946D
100.0%	100.0% #A78A61	RGB 167 138 97	#A78A61

#CCC6B5 #C5BCA5 #BFB296 #B9A888 #B39E7A #AD946D #A78A61

#CCC6B5 - #B9A888 - #A78A61

CSS codes

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

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