#A0A895 - #4E7D3E | 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 #A0A895 to #4E7D3E

#A0A895 #4E7D3E

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

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

0.0%	0.0% #A0A895	RGB 160 168 149	#A0A895
16.7%	16.7% #92A086	RGB 146 160 134	#92A086
33.3%	33.3% #849978	RGB 132 153 120	#849978
50.0%	50.0% #779269	RGB 119 146 105	#779269
66.7%	66.7% #698B5B	RGB 105 139 91	#698B5B
83.3%	83.3% #5B844C	RGB 91 132 76	#5B844C
100.0%	100.0% #4E7D3E	RGB 78 125 62	#4E7D3E

#A0A895 #92A086 #849978 #779269 #698B5B #5B844C #4E7D3E

#A0A895 - #4E7D3E

HSV Blend

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

0.0%	0.0% #A0A895	RGB 160 168 149	#A0A895
16.7%	16.7% #93A084	RGB 147 160 132	#93A084
33.3%	33.3% #859974	RGB 133 153 116	#859974
50.0%	50.0% #789265	RGB 120 146 101	#789265
66.7%	66.7% #6A8B57	RGB 106 139 87	#6A8B57
83.3%	83.3% #5C844A	RGB 92 132 74	#5C844A
100.0%	100.0% #4E7D3E	RGB 78 125 62	#4E7D3E

#A0A895 #93A084 #859974 #789265 #6A8B57 #5C844A #4E7D3E

#A0A895 - #789265 - #4E7D3E

CSS codes

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

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