#5E3428 - #BF8743 | 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 #5E3428 to #BF8743

#5E3428 #BF8743

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

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

0.0%	0.0% #5E3428	RGB 94 52 40	#5E3428
16.7%	16.7% #6E412C	RGB 110 65 44	#6E412C
33.3%	33.3% #7E4F31	RGB 126 79 49	#7E4F31
50.0%	50.0% #8E5D35	RGB 142 93 53	#8E5D35
66.7%	66.7% #9E6B3A	RGB 158 107 58	#9E6B3A
83.3%	83.3% #AE793E	RGB 174 121 62	#AE793E
100.0%	100.0% #BF8743	RGB 191 135 67	#BF8743

#5E3428 #6E412C #7E4F31 #8E5D35 #9E6B3A #AE793E #BF8743

#5E3428 - #BF8743

HSV Blend

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

0.0%	0.0% #5E3428	RGB 94 52 40	#5E3428
16.7%	16.7% #6E3F2D	RGB 110 63 45	#6E3F2D
33.3%	33.3% #7E4B32	RGB 126 75 50	#7E4B32
50.0%	50.0% #8E5837	RGB 142 88 55	#8E5837
66.7%	66.7% #9E673B	RGB 158 103 59	#9E673B
83.3%	83.3% #AE763F	RGB 174 118 63	#AE763F
100.0%	100.0% #BF8743	RGB 191 135 67	#BF8743

#5E3428 #6E3F2D #7E4B32 #8E5837 #9E673B #AE763F #BF8743

#5E3428 - #8E5837 - #BF8743

CSS codes

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

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