#4B5E3A - #0D1C13 | 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 #4B5E3A to #0D1C13

#4B5E3A #0D1C13

Calculate the color between two colors, #4B5E3A and #0D1C13. 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)

#4B5E3A - #0D1C13 | 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 #4B5E3A as 0% and #0D1C13 as 100%.

0.0%	0.0% #4B5E3A	RGB 75 94 58	#4B5E3A
16.7%	16.7% #405333	RGB 64 83 51	#405333
33.3%	33.3% #36482D	RGB 54 72 45	#36482D
50.0%	50.0% #2C3D26	RGB 44 61 38	#2C3D26
66.7%	66.7% #213220	RGB 33 50 32	#213220
83.3%	83.3% #172719	RGB 23 39 25	#172719
100.0%	100.0% #0D1C13	RGB 13 28 19	#0D1C13

#4B5E3A #405333 #36482D #2C3D26 #213220 #172719 #0D1C13

#4B5E3A - #0D1C13

HSV Blend

#4B5E3A - #0D1C13 | 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 #4B5E3A as 0% and #0D1C13 as 100%.

0.0%	0.0% #4B5E3A	RGB 75 94 58	#4B5E3A
16.7%	16.7% #3C5331	RGB 60 83 49	#3C5331
33.3%	33.3% #2E4828	RGB 46 72 40	#2E4828
50.0%	50.0% #213D20	RGB 33 61 32	#213D20
66.7%	66.7% #19321C	RGB 25 50 28	#19321C
83.3%	83.3% #132718	RGB 19 39 24	#132718
100.0%	100.0% #0D1C13	RGB 13 28 19	#0D1C13

#4B5E3A #3C5331 #2E4828 #213D20 #19321C #132718 #0D1C13

#4B5E3A - #213D20 - #0D1C13

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E3A 0%, #213D20 50%, #0D1C13 100%);
    background: -webkit-linear-gradient(top, #4B5E3A 0%, #213D20 50%, #0D1C13 100%);
    background: linear-gradient(to bottom, #4B5E3A 0%, #213D20 50%, #0D1C13 100%);
}
</style>