#2F5E24 - #213A00 | 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 #2F5E24 to #213A00

#2F5E24 #213A00

Calculate the color between two colors, #2F5E24 and #213A00. 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)

#2F5E24 - #213A00 | 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 #2F5E24 as 0% and #213A00 as 100%.

0.0%	0.0% #2F5E24	RGB 47 94 36	#2F5E24
16.7%	16.7% #2C581E	RGB 44 88 30	#2C581E
33.3%	33.3% #2A5218	RGB 42 82 24	#2A5218
50.0%	50.0% #284C12	RGB 40 76 18	#284C12
66.7%	66.7% #25460C	RGB 37 70 12	#25460C
83.3%	83.3% #234006	RGB 35 64 6	#234006
100.0%	100.0% #213A00	RGB 33 58 0	#213A00

#2F5E24 #2C581E #2A5218 #284C12 #25460C #234006 #213A00

#2F5E24 - #213A00

HSV Blend

#2F5E24 - #213A00 | 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 #2F5E24 as 0% and #213A00 as 100%.

0.0%	0.0% #2F5E24	RGB 47 94 36	#2F5E24
16.7%	16.7% #2B581C	RGB 43 88 28	#2B581C
33.3%	33.3% #285214	RGB 40 82 20	#285214
50.0%	50.0% #254C0E	RGB 37 76 14	#254C0E
66.7%	66.7% #234608	RGB 35 70 8	#234608
83.3%	83.3% #224004	RGB 34 64 4	#224004
100.0%	100.0% #213A00	RGB 33 58 0	#213A00

#2F5E24 #2B581C #285214 #254C0E #234608 #224004 #213A00

#2F5E24 - #254C0E - #213A00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5E24 0%, #254C0E 50%, #213A00 100%);
    background: -webkit-linear-gradient(top, #2F5E24 0%, #254C0E 50%, #213A00 100%);
    background: linear-gradient(to bottom, #2F5E24 0%, #254C0E 50%, #213A00 100%);
}
</style>