#4E5E46 - #1E3F07 | 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 #4E5E46 to #1E3F07

#4E5E46 #1E3F07

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

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

0.0%	0.0% #4E5E46	RGB 78 94 70	#4E5E46
16.7%	16.7% #46583B	RGB 70 88 59	#46583B
33.3%	33.3% #3E5331	RGB 62 83 49	#3E5331
50.0%	50.0% #364E26	RGB 54 78 38	#364E26
66.7%	66.7% #2E491C	RGB 46 73 28	#2E491C
83.3%	83.3% #264411	RGB 38 68 17	#264411
100.0%	100.0% #1E3F07	RGB 30 63 7	#1E3F07

#4E5E46 #46583B #3E5331 #364E26 #2E491C #264411 #1E3F07

#4E5E46 - #1E3F07

HSV Blend

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

0.0%	0.0% #4E5E46	RGB 78 94 70	#4E5E46
16.7%	16.7% #435838	RGB 67 88 56	#435838
33.3%	33.3% #3A532C	RGB 58 83 44	#3A532C
50.0%	50.0% #324E21	RGB 50 78 33	#324E21
66.7%	66.7% #2A4917	RGB 42 73 23	#2A4917
83.3%	83.3% #24440E	RGB 36 68 14	#24440E
100.0%	100.0% #1E3F07	RGB 30 63 7	#1E3F07

#4E5E46 #435838 #3A532C #324E21 #2A4917 #24440E #1E3F07

#4E5E46 - #324E21 - #1E3F07

CSS codes

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

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