#5E3A47 - #1A1013 | 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 #5E3A47 to #1A1013

#5E3A47 #1A1013

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

#5E3A47 - #1A1013 | 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 #5E3A47 as 0% and #1A1013 as 100%.

0.0%	0.0% #5E3A47	RGB 94 58 71	#5E3A47
16.7%	16.7% #52333E	RGB 82 51 62	#52333E
33.3%	33.3% #472C35	RGB 71 44 53	#472C35
50.0%	50.0% #3C252D	RGB 60 37 45	#3C252D
66.7%	66.7% #301E24	RGB 48 30 36	#301E24
83.3%	83.3% #25171B	RGB 37 23 27	#25171B
100.0%	100.0% #1A1013	RGB 26 16 19	#1A1013

#5E3A47 #52333E #472C35 #3C252D #301E24 #25171B #1A1013

#5E3A47 - #1A1013

HSV Blend

#5E3A47 - #1A1013 | 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 #5E3A47 as 0% and #1A1013 as 100%.

0.0%	0.0% #5E3A47	RGB 94 58 71	#5E3A47
16.7%	16.7% #52323E	RGB 82 50 62	#52323E
33.3%	33.3% #472B35	RGB 71 43 53	#472B35
50.0%	50.0% #3C242C	RGB 60 36 44	#3C242C
66.7%	66.7% #301D23	RGB 48 29 35	#301D23
83.3%	83.3% #25161B	RGB 37 22 27	#25161B
100.0%	100.0% #1A1013	RGB 26 16 19	#1A1013

#5E3A47 #52323E #472B35 #3C242C #301D23 #25161B #1A1013

#5E3A47 - #3C242C - #1A1013

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3A47 0%, #3C242C 50%, #1A1013 100%);
    background: -webkit-linear-gradient(top, #5E3A47 0%, #3C242C 50%, #1A1013 100%);
    background: linear-gradient(to bottom, #5E3A47 0%, #3C242C 50%, #1A1013 100%);
}
</style>