#5E4012 - #AD922D | 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 #5E4012 to #AD922D

#5E4012 #AD922D

Calculate the color between two colors, #5E4012 and #AD922D. 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)

#5E4012 - #AD922D | 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 #5E4012 as 0% and #AD922D as 100%.

0.0%	0.0% #5E4012	RGB 94 64 18	#5E4012
16.7%	16.7% #6B4D16	RGB 107 77 22	#6B4D16
33.3%	33.3% #785B1B	RGB 120 91 27	#785B1B
50.0%	50.0% #85691F	RGB 133 105 31	#85691F
66.7%	66.7% #927624	RGB 146 118 36	#927624
83.3%	83.3% #9F8428	RGB 159 132 40	#9F8428
100.0%	100.0% #AD922D	RGB 173 146 45	#AD922D

#5E4012 #6B4D16 #785B1B #85691F #927624 #9F8428 #AD922D

#5E4012 - #AD922D

HSV Blend

#5E4012 - #AD922D | 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 #5E4012 as 0% and #AD922D as 100%.

0.0%	0.0% #5E4011	RGB 94 64 17	#5E4011
16.7%	16.7% #6B4C15	RGB 107 76 21	#6B4C15
33.3%	33.3% #785819	RGB 120 88 25	#785819
50.0%	50.0% #85661E	RGB 133 102 30	#85661E
66.7%	66.7% #927422	RGB 146 116 34	#927422
83.3%	83.3% #9F8227	RGB 159 130 39	#9F8227
100.0%	100.0% #AD922D	RGB 173 146 45	#AD922D

#5E4011 #6B4C15 #785819 #85661E #927422 #9F8227 #AD922D

#5E4012 - #85661E - #AD922D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4011 0%, #85661E 50%, #AD922D 100%);
    background: -webkit-linear-gradient(top, #5E4011 0%, #85661E 50%, #AD922D 100%);
    background: linear-gradient(to bottom, #5E4011 0%, #85661E 50%, #AD922D 100%);
}
</style>