#2F5E32 - #0D1A0E | 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 #2F5E32 to #0D1A0E

#2F5E32 #0D1A0E

Calculate the color between two colors, #2F5E32 and #0D1A0E. 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)

#2F5E32 - #0D1A0E | 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 #2F5E32 as 0% and #0D1A0E as 100%.

0.0%	0.0% #2F5E32	RGB 47 94 50	#2F5E32
16.7%	16.7% #29522C	RGB 41 82 44	#29522C
33.3%	33.3% #234726	RGB 35 71 38	#234726
50.0%	50.0% #1E3C20	RGB 30 60 32	#1E3C20
66.7%	66.7% #18301A	RGB 24 48 26	#18301A
83.3%	83.3% #122514	RGB 18 37 20	#122514
100.0%	100.0% #0D1A0E	RGB 13 26 14	#0D1A0E

#2F5E32 #29522C #234726 #1E3C20 #18301A #122514 #0D1A0E

#2F5E32 - #0D1A0E

HSV Blend

#2F5E32 - #0D1A0E | 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 #2F5E32 as 0% and #0D1A0E as 100%.

0.0%	0.0% #2F5E32	RGB 47 94 50	#2F5E32
16.7%	16.7% #29522C	RGB 41 82 44	#29522C
33.3%	33.3% #234726	RGB 35 71 38	#234726
50.0%	50.0% #1E3C20	RGB 30 60 32	#1E3C20
66.7%	66.7% #18301A	RGB 24 48 26	#18301A
83.3%	83.3% #122514	RGB 18 37 20	#122514
100.0%	100.0% #0D1A0E	RGB 13 26 14	#0D1A0E

#2F5E32 #29522C #234726 #1E3C20 #18301A #122514 #0D1A0E

#2F5E32 - #1E3C20 - #0D1A0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5E32 0%, #1E3C20 50%, #0D1A0E 100%);
    background: -webkit-linear-gradient(top, #2F5E32 0%, #1E3C20 50%, #0D1A0E 100%);
    background: linear-gradient(to bottom, #2F5E32 0%, #1E3C20 50%, #0D1A0E 100%);
}
</style>