#5E2F2D - #3F0107 | 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 #5E2F2D to #3F0107

#5E2F2D #3F0107

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

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

0.0%	0.0% #5E2F2D	RGB 94 47 45	#5E2F2D
16.7%	16.7% #582726	RGB 88 39 38	#582726
33.3%	33.3% #531F20	RGB 83 31 32	#531F20
50.0%	50.0% #4E181A	RGB 78 24 26	#4E181A
66.7%	66.7% #491013	RGB 73 16 19	#491013
83.3%	83.3% #44080D	RGB 68 8 13	#44080D
100.0%	100.0% #3F0107	RGB 63 1 7	#3F0107

#5E2F2D #582726 #531F20 #4E181A #491013 #44080D #3F0107

#5E2F2D - #3F0107

HSV Blend

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

0.0%	0.0% #5E2F2D	RGB 94 47 45	#5E2F2D
16.7%	16.7% #582423	RGB 88 36 35	#582423
33.3%	33.3% #531B1B	RGB 83 27 27	#531B1B
50.0%	50.0% #4E1315	RGB 78 19 21	#4E1315
66.7%	66.7% #490C0F	RGB 73 12 15	#490C0F
83.3%	83.3% #44060A	RGB 68 6 10	#44060A
100.0%	100.0% #3F0107	RGB 63 1 7	#3F0107

#5E2F2D #582423 #531B1B #4E1315 #490C0F #44060A #3F0107

#5E2F2D - #4E1315 - #3F0107

CSS codes

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

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