#CCC5A1 - #A68C4C | 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 #CCC5A1 to #A68C4C

#CCC5A1 #A68C4C

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

#CCC5A1 - #A68C4C | 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 #CCC5A1 as 0% and #A68C4C as 100%.

0.0%	0.0% #CCC5A1	RGB 204 197 161	#CCC5A1
16.7%	16.7% #C5BB92	RGB 197 187 146	#C5BB92
33.3%	33.3% #BFB284	RGB 191 178 132	#BFB284
50.0%	50.0% #B9A876	RGB 185 168 118	#B9A876
66.7%	66.7% #B29F68	RGB 178 159 104	#B29F68
83.3%	83.3% #AC955A	RGB 172 149 90	#AC955A
100.0%	100.0% #A68C4C	RGB 166 140 76	#A68C4C

#CCC5A1 #C5BB92 #BFB284 #B9A876 #B29F68 #AC955A #A68C4C

#CCC5A1 - #A68C4C

HSV Blend

#CCC5A1 - #A68C4C | 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 #CCC5A1 as 0% and #A68C4C as 100%.

0.0%	0.0% #CCC5A1	RGB 204 197 161	#CCC5A1
16.7%	16.7% #C5BC91	RGB 197 188 145	#C5BC91
33.3%	33.3% #BFB281	RGB 191 178 129	#BFB281
50.0%	50.0% #B9A973	RGB 185 169 115	#B9A973
66.7%	66.7% #B29F65	RGB 178 159 101	#B29F65
83.3%	83.3% #AC9558	RGB 172 149 88	#AC9558
100.0%	100.0% #A68C4C	RGB 166 140 76	#A68C4C

#CCC5A1 #C5BC91 #BFB281 #B9A973 #B29F65 #AC9558 #A68C4C

#CCC5A1 - #B9A973 - #A68C4C

CSS codes

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

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