#4E5E3E - #A5866E | 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 #4E5E3E to #A5866E

#4E5E3E #A5866E

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

#4E5E3E - #A5866E | 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 #4E5E3E as 0% and #A5866E as 100%.

0.0%	0.0% #4E5E3E	RGB 78 94 62	#4E5E3E
16.7%	16.7% #5C6446	RGB 92 100 70	#5C6446
33.3%	33.3% #6B6B4E	RGB 107 107 78	#6B6B4E
50.0%	50.0% #797256	RGB 121 114 86	#797256
66.7%	66.7% #88785E	RGB 136 120 94	#88785E
83.3%	83.3% #967F66	RGB 150 127 102	#967F66
100.0%	100.0% #A5866E	RGB 165 134 110	#A5866E

#4E5E3E #5C6446 #6B6B4E #797256 #88785E #967F66 #A5866E

#4E5E3E - #A5866E

HSV Blend

#4E5E3E - #A5866E | 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 #4E5E3E as 0% and #A5866E as 100%.

0.0%	0.0% #4E5E3E	RGB 78 94 62	#4E5E3E
16.7%	16.7% #5E6945	RGB 94 105 69	#5E6945
33.3%	33.3% #6F754D	RGB 111 117 77	#6F754D
50.0%	50.0% #818055	RGB 129 128 85	#818055
66.7%	66.7% #8D835D	RGB 141 131 93	#8D835D
83.3%	83.3% #998565	RGB 153 133 101	#998565
100.0%	100.0% #A5866E	RGB 165 134 110	#A5866E

#4E5E3E #5E6945 #6F754D #818055 #8D835D #998565 #A5866E

#4E5E3E - #818055 - #A5866E

CSS codes

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

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