#5E2014 - #B4572E | 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 #5E2014 to #B4572E

#5E2014 #B4572E

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

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

0.0%	0.0% #5E2014	RGB 94 32 20	#5E2014
16.7%	16.7% #6C2918	RGB 108 41 24	#6C2918
33.3%	33.3% #7A321C	RGB 122 50 28	#7A321C
50.0%	50.0% #893B21	RGB 137 59 33	#893B21
66.7%	66.7% #974425	RGB 151 68 37	#974425
83.3%	83.3% #A54D29	RGB 165 77 41	#A54D29
100.0%	100.0% #B4572E	RGB 180 87 46	#B4572E

#5E2014 #6C2918 #7A321C #893B21 #974425 #A54D29 #B4572E

#5E2014 - #B4572E

HSV Blend

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

0.0%	0.0% #5E1F13	RGB 94 31 19	#5E1F13
16.7%	16.7% #6C2717	RGB 108 39 23	#6C2717
33.3%	33.3% #7A2F1B	RGB 122 47 27	#7A2F1B
50.0%	50.0% #893820	RGB 137 56 32	#893820
66.7%	66.7% #974224	RGB 151 66 36	#974224
83.3%	83.3% #A54C29	RGB 165 76 41	#A54C29
100.0%	100.0% #B4572E	RGB 180 87 46	#B4572E

#5E1F13 #6C2717 #7A2F1B #893820 #974224 #A54C29 #B4572E

#5E2014 - #893820 - #B4572E

CSS codes

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

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