#A57124 - #5E4408 | 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 #A57124 to #5E4408

#A57124 #5E4408

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

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

0.0%	0.0% #A57124	RGB 165 113 36	#A57124
16.7%	16.7% #99691F	RGB 153 105 31	#99691F
33.3%	33.3% #8D621A	RGB 141 98 26	#8D621A
50.0%	50.0% #815A16	RGB 129 90 22	#815A16
66.7%	66.7% #755311	RGB 117 83 17	#755311
83.3%	83.3% #694B0C	RGB 105 75 12	#694B0C
100.0%	100.0% #5E4408	RGB 94 68 8	#5E4408

#A57124 #99691F #8D621A #815A16 #755311 #694B0C #5E4408

#A57124 - #5E4408

HSV Blend

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

0.0%	0.0% #A57124	RGB 165 113 36	#A57124
16.7%	16.7% #99691E	RGB 153 105 30	#99691E
33.3%	33.3% #8D6218	RGB 141 98 24	#8D6218
50.0%	50.0% #815A13	RGB 129 90 19	#815A13
66.7%	66.7% #75530F	RGB 117 83 15	#75530F
83.3%	83.3% #694B0B	RGB 105 75 11	#694B0B
100.0%	100.0% #5E4408	RGB 94 68 8	#5E4408

#A57124 #99691E #8D6218 #815A13 #75530F #694B0B #5E4408

#A57124 - #815A13 - #5E4408

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A57124 0%, #815A13 50%, #5E4408 100%);
    background: -webkit-linear-gradient(top, #A57124 0%, #815A13 50%, #5E4408 100%);
    background: linear-gradient(to bottom, #A57124 0%, #815A13 50%, #5E4408 100%);
}
</style>