#4C5E40 - #1E3D06 | 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 #4C5E40 to #1E3D06

#4C5E40 #1E3D06

Calculate the color between two colors, #4C5E40 and #1E3D06. 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)

#4C5E40 - #1E3D06 | 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 #4C5E40 as 0% and #1E3D06 as 100%.

0.0%	0.0% #4C5E40	RGB 76 94 64	#4C5E40
16.7%	16.7% #445836	RGB 68 88 54	#445836
33.3%	33.3% #3C532C	RGB 60 83 44	#3C532C
50.0%	50.0% #354D23	RGB 53 77 35	#354D23
66.7%	66.7% #2D4819	RGB 45 72 25	#2D4819
83.3%	83.3% #25420F	RGB 37 66 15	#25420F
100.0%	100.0% #1E3D06	RGB 30 61 6	#1E3D06

#4C5E40 #445836 #3C532C #354D23 #2D4819 #25420F #1E3D06

#4C5E40 - #1E3D06

HSV Blend

#4C5E40 - #1E3D06 | 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 #4C5E40 as 0% and #1E3D06 as 100%.

0.0%	0.0% #4C5E40	RGB 76 94 64	#4C5E40
16.7%	16.7% #425833	RGB 66 88 51	#425833
33.3%	33.3% #395328	RGB 57 83 40	#395328
50.0%	50.0% #314D1E	RGB 49 77 30	#314D1E
66.7%	66.7% #2A4815	RGB 42 72 21	#2A4815
83.3%	83.3% #24420C	RGB 36 66 12	#24420C
100.0%	100.0% #1E3D06	RGB 30 61 6	#1E3D06

#4C5E40 #425833 #395328 #314D1E #2A4815 #24420C #1E3D06

#4C5E40 - #314D1E - #1E3D06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E40 0%, #314D1E 50%, #1E3D06 100%);
    background: -webkit-linear-gradient(top, #4C5E40 0%, #314D1E 50%, #1E3D06 100%);
    background: linear-gradient(to bottom, #4C5E40 0%, #314D1E 50%, #1E3D06 100%);
}
</style>