#5E3F2F - #121D07 | 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 #5E3F2F to #121D07

#5E3F2F #121D07

Calculate the color between two colors, #5E3F2F and #121D07. 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)

#5E3F2F - #121D07 | 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 #5E3F2F as 0% and #121D07 as 100%.

0.0%	0.0% #5E3F2F	RGB 94 63 47	#5E3F2F
16.7%	16.7% #513928	RGB 81 57 40	#513928
33.3%	33.3% #443321	RGB 68 51 33	#443321
50.0%	50.0% #382E1B	RGB 56 46 27	#382E1B
66.7%	66.7% #2B2814	RGB 43 40 20	#2B2814
83.3%	83.3% #1E220D	RGB 30 34 13	#1E220D
100.0%	100.0% #121D07	RGB 18 29 7	#121D07

#5E3F2F #513928 #443321 #382E1B #2B2814 #1E220D #121D07

#5E3F2F - #121D07

HSV Blend

#5E3F2F - #121D07 | 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 #5E3F2F as 0% and #121D07 as 100%.

0.0%	0.0% #5E3F2F	RGB 94 63 47	#5E3F2F
16.7%	16.7% #533E25	RGB 83 62 37	#533E25
33.3%	33.3% #483C1D	RGB 72 60 29	#483C1D
50.0%	50.0% #3D3A16	RGB 61 58 22	#3D3A16
66.7%	66.7% #2E3210	RGB 46 50 16	#2E3210
83.3%	83.3% #1F270B	RGB 31 39 11	#1F270B
100.0%	100.0% #121D07	RGB 18 29 7	#121D07

#5E3F2F #533E25 #483C1D #3D3A16 #2E3210 #1F270B #121D07

#5E3F2F - #3D3A16 - #121D07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3F2F 0%, #3D3A16 50%, #121D07 100%);
    background: -webkit-linear-gradient(top, #5E3F2F 0%, #3D3A16 50%, #121D07 100%);
    background: linear-gradient(to bottom, #5E3F2F 0%, #3D3A16 50%, #121D07 100%);
}
</style>