#4E6D3A - #161F10 | 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 #4E6D3A to #161F10

#4E6D3A #161F10

Calculate the color between two colors, #4E6D3A and #161F10. 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)

#4E6D3A - #161F10 | 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 #4E6D3A as 0% and #161F10 as 100%.

0.0%	0.0% #4E6D3A	RGB 78 109 58	#4E6D3A
16.7%	16.7% #446033	RGB 68 96 51	#446033
33.3%	33.3% #3B532C	RGB 59 83 44	#3B532C
50.0%	50.0% #324625	RGB 50 70 37	#324625
66.7%	66.7% #28391E	RGB 40 57 30	#28391E
83.3%	83.3% #1F2C17	RGB 31 44 23	#1F2C17
100.0%	100.0% #161F10	RGB 22 31 16	#161F10

#4E6D3A #446033 #3B532C #324625 #28391E #1F2C17 #161F10

#4E6D3A - #161F10

HSV Blend

#4E6D3A - #161F10 | 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 #4E6D3A as 0% and #161F10 as 100%.

0.0%	0.0% #4E6D3A	RGB 78 109 58	#4E6D3A
16.7%	16.7% #446032	RGB 68 96 50	#446032
33.3%	33.3% #3B532B	RGB 59 83 43	#3B532B
50.0%	50.0% #314624	RGB 49 70 36	#314624
66.7%	66.7% #28391D	RGB 40 57 29	#28391D
83.3%	83.3% #1F2C16	RGB 31 44 22	#1F2C16
100.0%	100.0% #161F10	RGB 22 31 16	#161F10

#4E6D3A #446032 #3B532B #314624 #28391D #1F2C16 #161F10

#4E6D3A - #314624 - #161F10

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E6D3A 0%, #314624 50%, #161F10 100%);
    background: -webkit-linear-gradient(top, #4E6D3A 0%, #314624 50%, #161F10 100%);
    background: linear-gradient(to bottom, #4E6D3A 0%, #314624 50%, #161F10 100%);
}
</style>