#4E5E3A - #213A05 | 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 #4E5E3A to #213A05

#4E5E3A #213A05

Calculate the color between two colors, #4E5E3A and #213A05. 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)

#4E5E3A - #213A05 | 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 #4E5E3A as 0% and #213A05 as 100%.

0.0%	0.0% #4E5E3A	RGB 78 94 58	#4E5E3A
16.7%	16.7% #465831	RGB 70 88 49	#465831
33.3%	33.3% #3F5228	RGB 63 82 40	#3F5228
50.0%	50.0% #374C1F	RGB 55 76 31	#374C1F
66.7%	66.7% #304616	RGB 48 70 22	#304616
83.3%	83.3% #28400D	RGB 40 64 13	#28400D
100.0%	100.0% #213A05	RGB 33 58 5	#213A05

#4E5E3A #465831 #3F5228 #374C1F #304616 #28400D #213A05

#4E5E3A - #213A05

HSV Blend

#4E5E3A - #213A05 | 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 #4E5E3A as 0% and #213A05 as 100%.

0.0%	0.0% #4E5E3A	RGB 78 94 58	#4E5E3A
16.7%	16.7% #45582E	RGB 69 88 46	#45582E
33.3%	33.3% #3D5224	RGB 61 82 36	#3D5224
50.0%	50.0% #354C1A	RGB 53 76 26	#354C1A
66.7%	66.7% #2E4612	RGB 46 70 18	#2E4612
83.3%	83.3% #27400B	RGB 39 64 11	#27400B
100.0%	100.0% #213A05	RGB 33 58 5	#213A05

#4E5E3A #45582E #3D5224 #354C1A #2E4612 #27400B #213A05

#4E5E3A - #354C1A - #213A05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E3A 0%, #354C1A 50%, #213A05 100%);
    background: -webkit-linear-gradient(top, #4E5E3A 0%, #354C1A 50%, #213A05 100%);
    background: linear-gradient(to bottom, #4E5E3A 0%, #354C1A 50%, #213A05 100%);
}
</style>