#CCC3AC - #A78757 | 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 #CCC3AC to #A78757

#CCC3AC #A78757

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

#CCC3AC - #A78757 | 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 #CCC3AC as 0% and #A78757 as 100%.

0.0%	0.0% #CCC3AC	RGB 204 195 172	#CCC3AC
16.7%	16.7% #C5B99D	RGB 197 185 157	#C5B99D
33.3%	33.3% #BFAF8F	RGB 191 175 143	#BFAF8F
50.0%	50.0% #B9A581	RGB 185 165 129	#B9A581
66.7%	66.7% #B39B73	RGB 179 155 115	#B39B73
83.3%	83.3% #AD9165	RGB 173 145 101	#AD9165
100.0%	100.0% #A78757	RGB 167 135 87	#A78757

#CCC3AC #C5B99D #BFAF8F #B9A581 #B39B73 #AD9165 #A78757

#CCC3AC - #A78757

HSV Blend

#CCC3AC - #A78757 | 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 #CCC3AC as 0% and #A78757 as 100%.

0.0%	0.0% #CCC3AC	RGB 204 195 172	#CCC3AC
16.7%	16.7% #C5B99C	RGB 197 185 156	#C5B99C
33.3%	33.3% #BFAF8D	RGB 191 175 141	#BFAF8D
50.0%	50.0% #B9A57E	RGB 185 165 126	#B9A57E
66.7%	66.7% #B39B70	RGB 179 155 112	#B39B70
83.3%	83.3% #AD9163	RGB 173 145 99	#AD9163
100.0%	100.0% #A78757	RGB 167 135 87	#A78757

#CCC3AC #C5B99C #BFAF8D #B9A57E #B39B70 #AD9163 #A78757

#CCC3AC - #B9A57E - #A78757

CSS codes

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

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