#CACA7B - #A1972E | 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 #CACA7B to #A1972E

#CACA7B #A1972E

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

#CACA7B - #A1972E | 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 #CACA7B as 0% and #A1972E as 100%.

0.0%	0.0% #CACA7B	RGB 202 202 123	#CACA7B
16.7%	16.7% #C3C16E	RGB 195 193 110	#C3C16E
33.3%	33.3% #BCB961	RGB 188 185 97	#BCB961
50.0%	50.0% #B5B054	RGB 181 176 84	#B5B054
66.7%	66.7% #AEA847	RGB 174 168 71	#AEA847
83.3%	83.3% #A79F3A	RGB 167 159 58	#A79F3A
100.0%	100.0% #A1972E	RGB 161 151 46	#A1972E

#CACA7B #C3C16E #BCB961 #B5B054 #AEA847 #A79F3A #A1972E

#CACA7B - #A1972E

HSV Blend

#CACA7B - #A1972E | 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 #CACA7B as 0% and #A1972E as 100%.

0.0%	0.0% #CACA7B	RGB 202 202 123	#CACA7B
16.7%	16.7% #C3C16C	RGB 195 193 108	#C3C16C
33.3%	33.3% #BCB95E	RGB 188 185 94	#BCB95E
50.0%	50.0% #B5B151	RGB 181 177 81	#B5B151
66.7%	66.7% #AEA844	RGB 174 168 68	#AEA844
83.3%	83.3% #A79F38	RGB 167 159 56	#A79F38
100.0%	100.0% #A1972E	RGB 161 151 46	#A1972E

#CACA7B #C3C16C #BCB95E #B5B151 #AEA844 #A79F38 #A1972E

#CACA7B - #B5B151 - #A1972E

CSS codes

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

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