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

#2F5E32 #0E251E

Calculate the color between two colors, #2F5E32 and #0E251E. 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 - #0E251E | 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 #0E251E as 100%.

0.0%	0.0% #2F5E32	RGB 47 94 50	#2F5E32
16.7%	16.7% #29542E	RGB 41 84 46	#29542E
33.3%	33.3% #244B2B	RGB 36 75 43	#244B2B
50.0%	50.0% #1E4128	RGB 30 65 40	#1E4128
66.7%	66.7% #193824	RGB 25 56 36	#193824
83.3%	83.3% #132E21	RGB 19 46 33	#132E21
100.0%	100.0% #0E251E	RGB 14 37 30	#0E251E

#2F5E32 #29542E #244B2B #1E4128 #193824 #132E21 #0E251E

#2F5E32 - #0E251E

HSV Blend

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

0.0%	0.0% #2F5E32	RGB 47 94 50	#2F5E32
16.7%	16.7% #28542F	RGB 40 84 47	#28542F
33.3%	33.3% #224B2D	RGB 34 75 45	#224B2D
50.0%	50.0% #1C412A	RGB 28 65 42	#1C412A
66.7%	66.7% #173827	RGB 23 56 39	#173827
83.3%	83.3% #122E23	RGB 18 46 35	#122E23
100.0%	100.0% #0E251E	RGB 14 37 30	#0E251E

#2F5E32 #28542F #224B2D #1C412A #173827 #122E23 #0E251E

#2F5E32 - #1C412A - #0E251E

CSS codes

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

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