#4C5E2B - #323D00 | 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 #4C5E2B to #323D00

#4C5E2B #323D00

Calculate the color between two colors, #4C5E2B and #323D00. 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)

#4C5E2B - #323D00 | 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 #4C5E2B as 0% and #323D00 as 100%.

0.0%	0.0% #4C5E2B	RGB 76 94 43	#4C5E2B
16.7%	16.7% #475823	RGB 71 88 35	#475823
33.3%	33.3% #43531C	RGB 67 83 28	#43531C
50.0%	50.0% #3F4D15	RGB 63 77 21	#3F4D15
66.7%	66.7% #3A480E	RGB 58 72 14	#3A480E
83.3%	83.3% #364207	RGB 54 66 7	#364207
100.0%	100.0% #323D00	RGB 50 61 0	#323D00

#4C5E2B #475823 #43531C #3F4D15 #3A480E #364207 #323D00

#4C5E2B - #323D00

HSV Blend

#4C5E2B - #323D00 | 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 #4C5E2B as 0% and #323D00 as 100%.

0.0%	0.0% #4C5E2B	RGB 76 94 43	#4C5E2B
16.7%	16.7% #465821	RGB 70 88 33	#465821
33.3%	33.3% #415319	RGB 65 83 25	#415319
50.0%	50.0% #3D4D11	RGB 61 77 17	#3D4D11
66.7%	66.7% #39480A	RGB 57 72 10	#39480A
83.3%	83.3% #354205	RGB 53 66 5	#354205
100.0%	100.0% #323D00	RGB 50 61 0	#323D00

#4C5E2B #465821 #415319 #3D4D11 #39480A #354205 #323D00

#4C5E2B - #3D4D11 - #323D00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E2B 0%, #3D4D11 50%, #323D00 100%);
    background: -webkit-linear-gradient(top, #4C5E2B 0%, #3D4D11 50%, #323D00 100%);
    background: linear-gradient(to bottom, #4C5E2B 0%, #3D4D11 50%, #323D00 100%);
}
</style>