#5E3236 - #2B120C | 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 #5E3236 to #2B120C

#5E3236 #2B120C

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

#5E3236 - #2B120C | 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 #5E3236 as 0% and #2B120C as 100%.

0.0%	0.0% #5E3236	RGB 94 50 54	#5E3236
16.7%	16.7% #552C2F	RGB 85 44 47	#552C2F
33.3%	33.3% #4D2728	RGB 77 39 40	#4D2728
50.0%	50.0% #442221	RGB 68 34 33	#442221
66.7%	66.7% #3C1C1A	RGB 60 28 26	#3C1C1A
83.3%	83.3% #331713	RGB 51 23 19	#331713
100.0%	100.0% #2B120C	RGB 43 18 12	#2B120C

#5E3236 #552C2F #4D2728 #442221 #3C1C1A #331713 #2B120C

#5E3236 - #2B120C

HSV Blend

#5E3236 - #2B120C | 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 #5E3236 as 0% and #2B120C as 100%.

0.0%	0.0% #5E3236	RGB 94 50 54	#5E3236
16.7%	16.7% #55292B	RGB 85 41 43	#55292B
33.3%	33.3% #4D2222	RGB 77 34 34	#4D2222
50.0%	50.0% #441D1B	RGB 68 29 27	#441D1B
66.7%	66.7% #3C1915	RGB 60 25 21	#3C1915
83.3%	83.3% #331510	RGB 51 21 16	#331510
100.0%	100.0% #2B120C	RGB 43 18 12	#2B120C

#5E3236 #55292B #4D2222 #441D1B #3C1915 #331510 #2B120C

#5E3236 - #441D1B - #2B120C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3236 0%, #441D1B 50%, #2B120C 100%);
    background: -webkit-linear-gradient(top, #5E3236 0%, #441D1B 50%, #2B120C 100%);
    background: linear-gradient(to bottom, #5E3236 0%, #441D1B 50%, #2B120C 100%);
}
</style>