#CAC47B - #A28E2D | 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 #CAC47B to #A28E2D

#CAC47B #A28E2D

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

#CAC47B - #A28E2D | 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 #CAC47B as 0% and #A28E2D as 100%.

0.0%	0.0% #CAC47B	RGB 202 196 123	#CAC47B
16.7%	16.7% #C3BB6E	RGB 195 187 110	#C3BB6E
33.3%	33.3% #BCB261	RGB 188 178 97	#BCB261
50.0%	50.0% #B6A954	RGB 182 169 84	#B6A954
66.7%	66.7% #AFA047	RGB 175 160 71	#AFA047
83.3%	83.3% #A8973A	RGB 168 151 58	#A8973A
100.0%	100.0% #A28E2D	RGB 162 142 45	#A28E2D

#CAC47B #C3BB6E #BCB261 #B6A954 #AFA047 #A8973A #A28E2D

#CAC47B - #A28E2D

HSV Blend

#CAC47B - #A28E2D | 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 #CAC47B as 0% and #A28E2D as 100%.

0.0%	0.0% #CAC47B	RGB 202 196 123	#CAC47B
16.7%	16.7% #C3BB6C	RGB 195 187 108	#C3BB6C
33.3%	33.3% #BCB25E	RGB 188 178 94	#BCB25E
50.0%	50.0% #B6A950	RGB 182 169 80	#B6A950
66.7%	66.7% #AFA044	RGB 175 160 68	#AFA044
83.3%	83.3% #A89738	RGB 168 151 56	#A89738
100.0%	100.0% #A28E2D	RGB 162 142 45	#A28E2D

#CAC47B #C3BB6C #BCB25E #B6A950 #AFA044 #A89738 #A28E2D

#CAC47B - #B6A950 - #A28E2D

CSS codes

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

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