#5E2112 - #B55A2E | 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 #5E2112 to #B55A2E

#5E2112 #B55A2E

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

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

0.0%	0.0% #5E2112	RGB 94 33 18	#5E2112
16.7%	16.7% #6C2A16	RGB 108 42 22	#6C2A16
33.3%	33.3% #7B341B	RGB 123 52 27	#7B341B
50.0%	50.0% #893D20	RGB 137 61 32	#893D20
66.7%	66.7% #984724	RGB 152 71 36	#984724
83.3%	83.3% #A65029	RGB 166 80 41	#A65029
100.0%	100.0% #B55A2E	RGB 181 90 46	#B55A2E

#5E2112 #6C2A16 #7B341B #893D20 #984724 #A65029 #B55A2E

#5E2112 - #B55A2E

HSV Blend

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

0.0%	0.0% #5E2011	RGB 94 32 17	#5E2011
16.7%	16.7% #6C2815	RGB 108 40 21	#6C2815
33.3%	33.3% #7B311A	RGB 123 49 26	#7B311A
50.0%	50.0% #893A1E	RGB 137 58 30	#893A1E
66.7%	66.7% #984423	RGB 152 68 35	#984423
83.3%	83.3% #A64E28	RGB 166 78 40	#A64E28
100.0%	100.0% #B55A2E	RGB 181 90 46	#B55A2E

#5E2011 #6C2815 #7B311A #893A1E #984423 #A64E28 #B55A2E

#5E2112 - #893A1E - #B55A2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2011 0%, #893A1E 50%, #B55A2E 100%);
    background: -webkit-linear-gradient(top, #5E2011 0%, #893A1E 50%, #B55A2E 100%);
    background: linear-gradient(to bottom, #5E2011 0%, #893A1E 50%, #B55A2E 100%);
}
</style>