#5E2B1B - #B96A38 | 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 #5E2B1B to #B96A38

#5E2B1B #B96A38

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

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

0.0%	0.0% #5E2B1B	RGB 94 43 27	#5E2B1B
16.7%	16.7% #6D351F	RGB 109 53 31	#6D351F
33.3%	33.3% #7C4024	RGB 124 64 36	#7C4024
50.0%	50.0% #8B4A29	RGB 139 74 41	#8B4A29
66.7%	66.7% #9A552E	RGB 154 85 46	#9A552E
83.3%	83.3% #A95F33	RGB 169 95 51	#A95F33
100.0%	100.0% #B96A38	RGB 185 106 56	#B96A38

#5E2B1B #6D351F #7C4024 #8B4A29 #9A552E #A95F33 #B96A38

#5E2B1B - #B96A38

HSV Blend

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

0.0%	0.0% #5E2B1B	RGB 94 43 27	#5E2B1B
16.7%	16.7% #6D341F	RGB 109 52 31	#6D341F
33.3%	33.3% #7C3D24	RGB 124 61 36	#7C3D24
50.0%	50.0% #8B4729	RGB 139 71 41	#8B4729
66.7%	66.7% #9A522E	RGB 154 82 46	#9A522E
83.3%	83.3% #A95E32	RGB 169 94 50	#A95E32
100.0%	100.0% #B96A38	RGB 185 106 56	#B96A38

#5E2B1B #6D341F #7C3D24 #8B4729 #9A522E #A95E32 #B96A38

#5E2B1B - #8B4729 - #B96A38

CSS codes

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

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