#5E4325 - #BDA93F | 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 #5E4325 to #BDA93F

#5E4325 #BDA93F

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

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

0.0%	0.0% #5E4325	RGB 94 67 37	#5E4325
16.7%	16.7% #6D5429	RGB 109 84 41	#6D5429
33.3%	33.3% #7D652D	RGB 125 101 45	#7D652D
50.0%	50.0% #8D7632	RGB 141 118 50	#8D7632
66.7%	66.7% #9D8736	RGB 157 135 54	#9D8736
83.3%	83.3% #AD983A	RGB 173 152 58	#AD983A
100.0%	100.0% #BDA93F	RGB 189 169 63	#BDA93F

#5E4325 #6D5429 #7D652D #8D7632 #9D8736 #AD983A #BDA93F

#5E4325 - #BDA93F

HSV Blend

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

0.0%	0.0% #5E4325	RGB 94 67 37	#5E4325
16.7%	16.7% #6D512A	RGB 109 81 42	#6D512A
33.3%	33.3% #7D602E	RGB 125 96 46	#7D602E
50.0%	50.0% #8D7133	RGB 141 113 51	#8D7133
66.7%	66.7% #9D8237	RGB 157 130 55	#9D8237
83.3%	83.3% #AD953B	RGB 173 149 59	#AD953B
100.0%	100.0% #BDA93F	RGB 189 169 63	#BDA93F

#5E4325 #6D512A #7D602E #8D7133 #9D8237 #AD953B #BDA93F

#5E4325 - #8D7133 - #BDA93F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4325 0%, #8D7133 50%, #BDA93F 100%);
    background: -webkit-linear-gradient(top, #5E4325 0%, #8D7133 50%, #BDA93F 100%);
    background: linear-gradient(to bottom, #5E4325 0%, #8D7133 50%, #BDA93F 100%);
}
</style>