#CCC3A2 - #A7894D | 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 #CCC3A2 to #A7894D

#CCC3A2 #A7894D

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

#CCC3A2 - #A7894D | 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 #CCC3A2 as 0% and #A7894D as 100%.

0.0%	0.0% #CCC3A2	RGB 204 195 162	#CCC3A2
16.7%	16.7% #C5B993	RGB 197 185 147	#C5B993
33.3%	33.3% #BFAF85	RGB 191 175 133	#BFAF85
50.0%	50.0% #B9A677	RGB 185 166 119	#B9A677
66.7%	66.7% #B39C69	RGB 179 156 105	#B39C69
83.3%	83.3% #AD925B	RGB 173 146 91	#AD925B
100.0%	100.0% #A7894D	RGB 167 137 77	#A7894D

#CCC3A2 #C5B993 #BFAF85 #B9A677 #B39C69 #AD925B #A7894D

#CCC3A2 - #A7894D

HSV Blend

#CCC3A2 - #A7894D | 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 #CCC3A2 as 0% and #A7894D as 100%.

0.0%	0.0% #CCC3A2	RGB 204 195 162	#CCC3A2
16.7%	16.7% #C5B992	RGB 197 185 146	#C5B992
33.3%	33.3% #BFB082	RGB 191 176 130	#BFB082
50.0%	50.0% #B9A674	RGB 185 166 116	#B9A674
66.7%	66.7% #B39C66	RGB 179 156 102	#B39C66
83.3%	83.3% #AD9259	RGB 173 146 89	#AD9259
100.0%	100.0% #A7894D	RGB 167 137 77	#A7894D

#CCC3A2 #C5B992 #BFB082 #B9A674 #B39C66 #AD9259 #A7894D

#CCC3A2 - #B9A674 - #A7894D

CSS codes

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

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