#3E5D3E - #124204 | 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 #3E5D3E to #124204

#3E5D3E #124204

Calculate the color between two colors, #3E5D3E and #124204. 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)

#3E5D3E - #124204 | 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 #3E5D3E as 0% and #124204 as 100%.

0.0%	0.0% #3E5D3E	RGB 62 93 62	#3E5D3E
16.7%	16.7% #365834	RGB 54 88 52	#365834
33.3%	33.3% #2F542A	RGB 47 84 42	#2F542A
50.0%	50.0% #284F21	RGB 40 79 33	#284F21
66.7%	66.7% #204B17	RGB 32 75 23	#204B17
83.3%	83.3% #19460D	RGB 25 70 13	#19460D
100.0%	100.0% #124204	RGB 18 66 4	#124204

#3E5D3E #365834 #2F542A #284F21 #204B17 #19460D #124204

#3E5D3E - #124204

HSV Blend

#3E5D3E - #124204 | 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 #3E5D3E as 0% and #124204 as 100%.

0.0%	0.0% #3E5D3E	RGB 62 93 62	#3E5D3E
16.7%	16.7% #335832	RGB 51 88 50	#335832
33.3%	33.3% #2A5427	RGB 42 84 39	#2A5427
50.0%	50.0% #224F1C	RGB 34 79 28	#224F1C
66.7%	66.7% #1C4B13	RGB 28 75 19	#1C4B13
83.3%	83.3% #16460B	RGB 22 70 11	#16460B
100.0%	100.0% #124204	RGB 18 66 4	#124204

#3E5D3E #335832 #2A5427 #224F1C #1C4B13 #16460B #124204

#3E5D3E - #224F1C - #124204

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5D3E 0%, #224F1C 50%, #124204 100%);
    background: -webkit-linear-gradient(top, #3E5D3E 0%, #224F1C 50%, #124204 100%);
    background: linear-gradient(to bottom, #3E5D3E 0%, #224F1C 50%, #124204 100%);
}
</style>