#5E5153 - #3A1E14 | 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 #5E5153 to #3A1E14

#5E5153 #3A1E14

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

#5E5153 - #3A1E14 | 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 #5E5153 as 0% and #3A1E14 as 100%.

0.0%	0.0% #5E5153	RGB 94 81 83	#5E5153
16.7%	16.7% #584848	RGB 88 72 72	#584848
33.3%	33.3% #52403E	RGB 82 64 62	#52403E
50.0%	50.0% #4C3733	RGB 76 55 51	#4C3733
66.7%	66.7% #462F29	RGB 70 47 41	#462F29
83.3%	83.3% #40261E	RGB 64 38 30	#40261E
100.0%	100.0% #3A1E14	RGB 58 30 20	#3A1E14

#5E5153 #584848 #52403E #4C3733 #462F29 #40261E #3A1E14

#5E5153 - #3A1E14

HSV Blend

#5E5153 - #3A1E14 | 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 #5E5153 as 0% and #3A1E14 as 100%.

0.0%	0.0% #5E5153	RGB 94 81 83	#5E5153
16.7%	16.7% #584445	RGB 88 68 69	#584445
33.3%	33.3% #523838	RGB 82 56 56	#523838
50.0%	50.0% #4C2F2D	RGB 76 47 45	#4C2F2D
66.7%	66.7% #462824	RGB 70 40 36	#462824
83.3%	83.3% #40221B	RGB 64 34 27	#40221B
100.0%	100.0% #3A1E14	RGB 58 30 20	#3A1E14

#5E5153 #584445 #523838 #4C2F2D #462824 #40221B #3A1E14

#5E5153 - #4C2F2D - #3A1E14

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5153 0%, #4C2F2D 50%, #3A1E14 100%);
    background: -webkit-linear-gradient(top, #5E5153 0%, #4C2F2D 50%, #3A1E14 100%);
    background: linear-gradient(to bottom, #5E5153 0%, #4C2F2D 50%, #3A1E14 100%);
}
</style>