#AD966B - #312A1E | 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 #AD966B to #312A1E

#AD966B #312A1E

Calculate the color between two colors, #AD966B and #312A1E. 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)

#AD966B - #312A1E | 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 #AD966B as 0% and #312A1E as 100%.

0.0%	0.0% #AD966B	RGB 173 150 107	#AD966B
16.7%	16.7% #98845E	RGB 152 132 94	#98845E
33.3%	33.3% #837251	RGB 131 114 81	#837251
50.0%	50.0% #6F6044	RGB 111 96 68	#6F6044
66.7%	66.7% #5A4E37	RGB 90 78 55	#5A4E37
83.3%	83.3% #453C2A	RGB 69 60 42	#453C2A
100.0%	100.0% #312A1E	RGB 49 42 30	#312A1E

#AD966B #98845E #837251 #6F6044 #5A4E37 #453C2A #312A1E

#AD966B - #312A1E

HSV Blend

#AD966B - #312A1E | 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 #AD966B as 0% and #312A1E as 100%.

0.0%	0.0% #AD966B	RGB 173 150 107	#AD966B
16.7%	16.7% #98835E	RGB 152 131 94	#98835E
33.3%	33.3% #837151	RGB 131 113 81	#837151
50.0%	50.0% #6F5F44	RGB 111 95 68	#6F5F44
66.7%	66.7% #5A4D37	RGB 90 77 55	#5A4D37
83.3%	83.3% #453B2A	RGB 69 59 42	#453B2A
100.0%	100.0% #312A1E	RGB 49 42 30	#312A1E

#AD966B #98835E #837151 #6F5F44 #5A4D37 #453B2A #312A1E

#AD966B - #6F5F44 - #312A1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD966B 0%, #6F5F44 50%, #312A1E 100%);
    background: -webkit-linear-gradient(top, #AD966B 0%, #6F5F44 50%, #312A1E 100%);
    background: linear-gradient(to bottom, #AD966B 0%, #6F5F44 50%, #312A1E 100%);
}
</style>