#4B5E3E - #2C4208 | 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 #4B5E3E to #2C4208

#4B5E3E #2C4208

Calculate the color between two colors, #4B5E3E and #2C4208. 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)

#4B5E3E - #2C4208 | 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 #4B5E3E as 0% and #2C4208 as 100%.

0.0%	0.0% #4B5E3E	RGB 75 94 62	#4B5E3E
16.7%	16.7% #455935	RGB 69 89 53	#455935
33.3%	33.3% #40542C	RGB 64 84 44	#40542C
50.0%	50.0% #3B5023	RGB 59 80 35	#3B5023
66.7%	66.7% #364B1A	RGB 54 75 26	#364B1A
83.3%	83.3% #314611	RGB 49 70 17	#314611
100.0%	100.0% #2C4208	RGB 44 66 8	#2C4208

#4B5E3E #455935 #40542C #3B5023 #364B1A #314611 #2C4208

#4B5E3E - #2C4208

HSV Blend

#4B5E3E - #2C4208 | 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 #4B5E3E as 0% and #2C4208 as 100%.

0.0%	0.0% #4B5E3E	RGB 75 94 62	#4B5E3E
16.7%	16.7% #435932	RGB 67 89 50	#435932
33.3%	33.3% #3D5428	RGB 61 84 40	#3D5428
50.0%	50.0% #38501F	RGB 56 80 31	#38501F
66.7%	66.7% #334B16	RGB 51 75 22	#334B16
83.3%	83.3% #2F460E	RGB 47 70 14	#2F460E
100.0%	100.0% #2C4208	RGB 44 66 8	#2C4208

#4B5E3E #435932 #3D5428 #38501F #334B16 #2F460E #2C4208

#4B5E3E - #38501F - #2C4208

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E3E 0%, #38501F 50%, #2C4208 100%);
    background: -webkit-linear-gradient(top, #4B5E3E 0%, #38501F 50%, #2C4208 100%);
    background: linear-gradient(to bottom, #4B5E3E 0%, #38501F 50%, #2C4208 100%);
}
</style>