#5E4751 - #1A1417 | 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 #5E4751 to #1A1417

#5E4751 #1A1417

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

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

0.0%	0.0% #5E4751	RGB 94 71 81	#5E4751
16.7%	16.7% #523E47	RGB 82 62 71	#523E47
33.3%	33.3% #47363D	RGB 71 54 61	#47363D
50.0%	50.0% #3C2D34	RGB 60 45 52	#3C2D34
66.7%	66.7% #30252A	RGB 48 37 42	#30252A
83.3%	83.3% #251C20	RGB 37 28 32	#251C20
100.0%	100.0% #1A1417	RGB 26 20 23	#1A1417

#5E4751 #523E47 #47363D #3C2D34 #30252A #251C20 #1A1417

#5E4751 - #1A1417

HSV Blend

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

0.0%	0.0% #5E4751	RGB 94 71 81	#5E4751
16.7%	16.7% #523E47	RGB 82 62 71	#523E47
33.3%	33.3% #47363E	RGB 71 54 62	#47363E
50.0%	50.0% #3C2D34	RGB 60 45 52	#3C2D34
66.7%	66.7% #30252A	RGB 48 37 42	#30252A
83.3%	83.3% #251C20	RGB 37 28 32	#251C20
100.0%	100.0% #1A1417	RGB 26 20 23	#1A1417

#5E4751 #523E47 #47363E #3C2D34 #30252A #251C20 #1A1417

#5E4751 - #3C2D34 - #1A1417

CSS codes

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

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