#CACAA2 - #A0964E | 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 #CACAA2 to #A0964E

#CACAA2 #A0964E

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

#CACAA2 - #A0964E | 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 #CACAA2 as 0% and #A0964E as 100%.

0.0%	0.0% #CACAA2	RGB 202 202 162	#CACAA2
16.7%	16.7% #C3C194	RGB 195 193 148	#C3C194
33.3%	33.3% #BCB886	RGB 188 184 134	#BCB886
50.0%	50.0% #B5B078	RGB 181 176 120	#B5B078
66.7%	66.7% #AEA76A	RGB 174 167 106	#AEA76A
83.3%	83.3% #A79E5C	RGB 167 158 92	#A79E5C
100.0%	100.0% #A0964E	RGB 160 150 78	#A0964E

#CACAA2 #C3C194 #BCB886 #B5B078 #AEA76A #A79E5C #A0964E

#CACAA2 - #A0964E

HSV Blend

#CACAA2 - #A0964E | 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 #CACAA2 as 0% and #A0964E as 100%.

0.0%	0.0% #CACAA2	RGB 202 202 162	#CACAA2
16.7%	16.7% #C3C292	RGB 195 194 146	#C3C292
33.3%	33.3% #BCB983	RGB 188 185 131	#BCB983
50.0%	50.0% #B5B174	RGB 181 177 116	#B5B174
66.7%	66.7% #AEA867	RGB 174 168 103	#AEA867
83.3%	83.3% #A79F5A	RGB 167 159 90	#A79F5A
100.0%	100.0% #A0964E	RGB 160 150 78	#A0964E

#CACAA2 #C3C292 #BCB983 #B5B174 #AEA867 #A79F5A #A0964E

#CACAA2 - #B5B174 - #A0964E

CSS codes

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

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