#5E2D1F - #3F1505 | 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 #5E2D1F to #3F1505

#5E2D1F #3F1505

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

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

0.0%	0.0% #5E2D1F	RGB 94 45 31	#5E2D1F
16.7%	16.7% #58291A	RGB 88 41 26	#58291A
33.3%	33.3% #532516	RGB 83 37 22	#532516
50.0%	50.0% #4E2112	RGB 78 33 18	#4E2112
66.7%	66.7% #491D0D	RGB 73 29 13	#491D0D
83.3%	83.3% #441909	RGB 68 25 9	#441909
100.0%	100.0% #3F1505	RGB 63 21 5	#3F1505

#5E2D1F #58291A #532516 #4E2112 #491D0D #441909 #3F1505

#5E2D1F - #3F1505

HSV Blend

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

0.0%	0.0% #5E2D1F	RGB 94 45 31	#5E2D1F
16.7%	16.7% #582819	RGB 88 40 25	#582819
33.3%	33.3% #532314	RGB 83 35 20	#532314
50.0%	50.0% #4E1F10	RGB 78 31 16	#4E1F10
66.7%	66.7% #491B0B	RGB 73 27 11	#491B0B
83.3%	83.3% #441808	RGB 68 24 8	#441808
100.0%	100.0% #3F1505	RGB 63 21 5	#3F1505

#5E2D1F #582819 #532314 #4E1F10 #491B0B #441808 #3F1505

#5E2D1F - #4E1F10 - #3F1505

CSS codes

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

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