#5E3329 - #BF8846 | 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 #5E3329 to #BF8846

#5E3329 #BF8846

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

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

0.0%	0.0% #5E3329	RGB 94 51 41	#5E3329
16.7%	16.7% #6E412D	RGB 110 65 45	#6E412D
33.3%	33.3% #7E4F32	RGB 126 79 50	#7E4F32
50.0%	50.0% #8E5D37	RGB 142 93 55	#8E5D37
66.7%	66.7% #9E6B3C	RGB 158 107 60	#9E6B3C
83.3%	83.3% #AE7941	RGB 174 121 65	#AE7941
100.0%	100.0% #BF8846	RGB 191 136 70	#BF8846

#5E3329 #6E412D #7E4F32 #8E5D37 #9E6B3C #AE7941 #BF8846

#5E3329 - #BF8846

HSV Blend

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

0.0%	0.0% #5E3329	RGB 94 51 41	#5E3329
16.7%	16.7% #6E3E2E	RGB 110 62 46	#6E3E2E
33.3%	33.3% #7E4A34	RGB 126 74 52	#7E4A34
50.0%	50.0% #8E5839	RGB 142 88 57	#8E5839
66.7%	66.7% #9E673D	RGB 158 103 61	#9E673D
83.3%	83.3% #AE7642	RGB 174 118 66	#AE7642
100.0%	100.0% #BF8846	RGB 191 136 70	#BF8846

#5E3329 #6E3E2E #7E4A34 #8E5839 #9E673D #AE7642 #BF8846

#5E3329 - #8E5839 - #BF8846

CSS codes

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

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