#C9AA5E - #A16C1B | 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 #C9AA5E to #A16C1B

#C9AA5E #A16C1B

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

#C9AA5E - #A16C1B | 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 #C9AA5E as 0% and #A16C1B as 100%.

0.0%	0.0% #C9AA5E	RGB 201 170 94	#C9AA5E
16.7%	16.7% #C29F52	RGB 194 159 82	#C29F52
33.3%	33.3% #BB9547	RGB 187 149 71	#BB9547
50.0%	50.0% #B58B3C	RGB 181 139 60	#B58B3C
66.7%	66.7% #AE8031	RGB 174 128 49	#AE8031
83.3%	83.3% #A77626	RGB 167 118 38	#A77626
100.0%	100.0% #A16C1B	RGB 161 108 27	#A16C1B

#C9AA5E #C29F52 #BB9547 #B58B3C #AE8031 #A77626 #A16C1B

#C9AA5E - #A16C1B

HSV Blend

#C9AA5E - #A16C1B | 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 #C9AA5E as 0% and #A16C1B as 100%.

0.0%	0.0% #C9AA5E	RGB 201 170 94	#C9AA5E
16.7%	16.7% #C29F51	RGB 194 159 81	#C29F51
33.3%	33.3% #BB9545	RGB 187 149 69	#BB9545
50.0%	50.0% #B58A39	RGB 181 138 57	#B58A39
66.7%	66.7% #AE802E	RGB 174 128 46	#AE802E
83.3%	83.3% #A77624	RGB 167 118 36	#A77624
100.0%	100.0% #A16C1B	RGB 161 108 27	#A16C1B

#C9AA5E #C29F51 #BB9545 #B58A39 #AE802E #A77624 #A16C1B

#C9AA5E - #B58A39 - #A16C1B

CSS codes

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

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