#5E271B - #B96238 | 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 #5E271B to #B96238

#5E271B #B96238

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

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

0.0%	0.0% #5E271B	RGB 94 39 27	#5E271B
16.7%	16.7% #6D301F	RGB 109 48 31	#6D301F
33.3%	33.3% #7C3A24	RGB 124 58 36	#7C3A24
50.0%	50.0% #8B4429	RGB 139 68 41	#8B4429
66.7%	66.7% #9A4E2E	RGB 154 78 46	#9A4E2E
83.3%	83.3% #A95833	RGB 169 88 51	#A95833
100.0%	100.0% #B96238	RGB 185 98 56	#B96238

#5E271B #6D301F #7C3A24 #8B4429 #9A4E2E #A95833 #B96238

#5E271B - #B96238

HSV Blend

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

0.0%	0.0% #5E271B	RGB 94 39 27	#5E271B
16.7%	16.7% #6D2F1F	RGB 109 47 31	#6D2F1F
33.3%	33.3% #7C3824	RGB 124 56 36	#7C3824
50.0%	50.0% #8B4129	RGB 139 65 41	#8B4129
66.7%	66.7% #9A4C2E	RGB 154 76 46	#9A4C2E
83.3%	83.3% #A95632	RGB 169 86 50	#A95632
100.0%	100.0% #B96238	RGB 185 98 56	#B96238

#5E271B #6D2F1F #7C3824 #8B4129 #9A4C2E #A95632 #B96238

#5E271B - #8B4129 - #B96238

CSS codes

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

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