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

#5E2214 #B55A2E

Calculate the color between two colors, #5E2214 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)

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

0.0%	0.0% #5E2214	RGB 94 34 20	#5E2214
16.7%	16.7% #6C2B18	RGB 108 43 24	#6C2B18
33.3%	33.3% #7B341C	RGB 123 52 28	#7B341C
50.0%	50.0% #893E21	RGB 137 62 33	#893E21
66.7%	66.7% #984725	RGB 152 71 37	#984725
83.3%	83.3% #A65029	RGB 166 80 41	#A65029
100.0%	100.0% #B55A2E	RGB 181 90 46	#B55A2E

#5E2214 #6C2B18 #7B341C #893E21 #984725 #A65029 #B55A2E

#5E2214 - #B55A2E

HSV Blend

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

0.0%	0.0% #5E2213	RGB 94 34 19	#5E2213
16.7%	16.7% #6C2917	RGB 108 41 23	#6C2917
33.3%	33.3% #7B321B	RGB 123 50 27	#7B321B
50.0%	50.0% #893B20	RGB 137 59 32	#893B20
66.7%	66.7% #984424	RGB 152 68 36	#984424
83.3%	83.3% #A64F29	RGB 166 79 41	#A64F29
100.0%	100.0% #B55A2E	RGB 181 90 46	#B55A2E

#5E2213 #6C2917 #7B321B #893B20 #984424 #A64F29 #B55A2E

#5E2214 - #893B20 - #B55A2E

CSS codes

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

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