#4C5D3E - #1F3C05 | 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 #4C5D3E to #1F3C05

#4C5D3E #1F3C05

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

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

0.0%	0.0% #4C5D3E	RGB 76 93 62	#4C5D3E
16.7%	16.7% #445734	RGB 68 87 52	#445734
33.3%	33.3% #3D522B	RGB 61 82 43	#3D522B
50.0%	50.0% #354C21	RGB 53 76 33	#354C21
66.7%	66.7% #2E4718	RGB 46 71 24	#2E4718
83.3%	83.3% #26410E	RGB 38 65 14	#26410E
100.0%	100.0% #1F3C05	RGB 31 60 5	#1F3C05

#4C5D3E #445734 #3D522B #354C21 #2E4718 #26410E #1F3C05

#4C5D3E - #1F3C05

HSV Blend

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

0.0%	0.0% #4C5D3E	RGB 76 93 62	#4C5D3E
16.7%	16.7% #425731	RGB 66 87 49	#425731
33.3%	33.3% #3A5226	RGB 58 82 38	#3A5226
50.0%	50.0% #324C1C	RGB 50 76 28	#324C1C
66.7%	66.7% #2B4713	RGB 43 71 19	#2B4713
83.3%	83.3% #25410B	RGB 37 65 11	#25410B
100.0%	100.0% #1F3C05	RGB 31 60 5	#1F3C05

#4C5D3E #425731 #3A5226 #324C1C #2B4713 #25410B #1F3C05

#4C5D3E - #324C1C - #1F3C05

CSS codes

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

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