#ADA73B - #312F10 | 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 #ADA73B to #312F10

#ADA73B #312F10

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

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

0.0%	0.0% #ADA73B	RGB 173 167 59	#ADA73B
16.7%	16.7% #989333	RGB 152 147 51	#989333
33.3%	33.3% #837F2C	RGB 131 127 44	#837F2C
50.0%	50.0% #6F6B25	RGB 111 107 37	#6F6B25
66.7%	66.7% #5A571E	RGB 90 87 30	#5A571E
83.3%	83.3% #454317	RGB 69 67 23	#454317
100.0%	100.0% #312F10	RGB 49 47 16	#312F10

#ADA73B #989333 #837F2C #6F6B25 #5A571E #454317 #312F10

#ADA73B - #312F10

HSV Blend

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

0.0%	0.0% #ADA73B	RGB 173 167 59	#ADA73B
16.7%	16.7% #989233	RGB 152 146 51	#989233
33.3%	33.3% #837E2C	RGB 131 126 44	#837E2C
50.0%	50.0% #6F6A25	RGB 111 106 37	#6F6A25
66.7%	66.7% #5A561D	RGB 90 86 29	#5A561D
83.3%	83.3% #454216	RGB 69 66 22	#454216
100.0%	100.0% #312F10	RGB 49 47 16	#312F10

#ADA73B #989233 #837E2C #6F6A25 #5A561D #454216 #312F10

#ADA73B - #6F6A25 - #312F10

CSS codes

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

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