#5E2D3D - #3B0315 | 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 #5E2D3D to #3B0315

#5E2D3D #3B0315

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

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

0.0%	0.0% #5E2D3D	RGB 94 45 61	#5E2D3D
16.7%	16.7% #582636	RGB 88 38 54	#582636
33.3%	33.3% #521F2F	RGB 82 31 47	#521F2F
50.0%	50.0% #4C1829	RGB 76 24 41	#4C1829
66.7%	66.7% #461022	RGB 70 16 34	#461022
83.3%	83.3% #400A1B	RGB 64 10 27	#400A1B
100.0%	100.0% #3B0315	RGB 59 3 21	#3B0315

#5E2D3D #582636 #521F2F #4C1829 #461022 #400A1B #3B0315

#5E2D3D - #3B0315

HSV Blend

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

0.0%	0.0% #5E2D3D	RGB 94 45 61	#5E2D3D
16.7%	16.7% #582334	RGB 88 35 52	#582334
33.3%	33.3% #521B2D	RGB 82 27 45	#521B2D
50.0%	50.0% #4C1426	RGB 76 20 38	#4C1426
66.7%	66.7% #460D20	RGB 70 13 32	#460D20
83.3%	83.3% #40071A	RGB 64 7 26	#40071A
100.0%	100.0% #3B0315	RGB 59 3 21	#3B0315

#5E2D3D #582334 #521B2D #4C1426 #460D20 #40071A #3B0315

#5E2D3D - #4C1426 - #3B0315

CSS codes

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

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