#4C5E3E - #1F3D05 | 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 #4C5E3E to #1F3D05

#4C5E3E #1F3D05

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

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

0.0%	0.0% #4C5E3E	RGB 76 94 62	#4C5E3E
16.7%	16.7% #445834	RGB 68 88 52	#445834
33.3%	33.3% #3D532B	RGB 61 83 43	#3D532B
50.0%	50.0% #354D21	RGB 53 77 33	#354D21
66.7%	66.7% #2E4818	RGB 46 72 24	#2E4818
83.3%	83.3% #26420E	RGB 38 66 14	#26420E
100.0%	100.0% #1F3D05	RGB 31 61 5	#1F3D05

#4C5E3E #445834 #3D532B #354D21 #2E4818 #26420E #1F3D05

#4C5E3E - #1F3D05

HSV Blend

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

0.0%	0.0% #4C5E3E	RGB 76 94 62	#4C5E3E
16.7%	16.7% #425831	RGB 66 88 49	#425831
33.3%	33.3% #3A5326	RGB 58 83 38	#3A5326
50.0%	50.0% #324D1C	RGB 50 77 28	#324D1C
66.7%	66.7% #2B4813	RGB 43 72 19	#2B4813
83.3%	83.3% #24420B	RGB 36 66 11	#24420B
100.0%	100.0% #1F3D05	RGB 31 61 5	#1F3D05

#4C5E3E #425831 #3A5326 #324D1C #2B4813 #24420B #1F3D05

#4C5E3E - #324D1C - #1F3D05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E3E 0%, #324D1C 50%, #1F3D05 100%);
    background: -webkit-linear-gradient(top, #4C5E3E 0%, #324D1C 50%, #1F3D05 100%);
    background: linear-gradient(to bottom, #4C5E3E 0%, #324D1C 50%, #1F3D05 100%);
}
</style>