#5E4324 - #BCA83C | 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 #5E4324 to #BCA83C

#5E4324 #BCA83C

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

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

0.0%	0.0% #5E4324	RGB 94 67 36	#5E4324
16.7%	16.7% #6D5328	RGB 109 83 40	#6D5328
33.3%	33.3% #7D642C	RGB 125 100 44	#7D642C
50.0%	50.0% #8D7530	RGB 141 117 48	#8D7530
66.7%	66.7% #9C8634	RGB 156 134 52	#9C8634
83.3%	83.3% #AC9738	RGB 172 151 56	#AC9738
100.0%	100.0% #BCA83C	RGB 188 168 60	#BCA83C

#5E4324 #6D5328 #7D642C #8D7530 #9C8634 #AC9738 #BCA83C

#5E4324 - #BCA83C

HSV Blend

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

0.0%	0.0% #5E4324	RGB 94 67 36	#5E4324
16.7%	16.7% #6D5128	RGB 109 81 40	#6D5128
33.3%	33.3% #7D602D	RGB 125 96 45	#7D602D
50.0%	50.0% #8D7031	RGB 141 112 49	#8D7031
66.7%	66.7% #9C8135	RGB 156 129 53	#9C8135
83.3%	83.3% #AC9438	RGB 172 148 56	#AC9438
100.0%	100.0% #BCA83C	RGB 188 168 60	#BCA83C

#5E4324 #6D5128 #7D602D #8D7031 #9C8135 #AC9438 #BCA83C

#5E4324 - #8D7031 - #BCA83C

CSS codes

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

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