#A1A895 - #4F7D3E | 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 #A1A895 to #4F7D3E

#A1A895 #4F7D3E

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

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

0.0%	0.0% #A1A895	RGB 161 168 149	#A1A895
16.7%	16.7% #93A086	RGB 147 160 134	#93A086
33.3%	33.3% #859978	RGB 133 153 120	#859978
50.0%	50.0% #789269	RGB 120 146 105	#789269
66.7%	66.7% #6A8B5B	RGB 106 139 91	#6A8B5B
83.3%	83.3% #5C844C	RGB 92 132 76	#5C844C
100.0%	100.0% #4F7D3E	RGB 79 125 62	#4F7D3E

#A1A895 #93A086 #859978 #789269 #6A8B5B #5C844C #4F7D3E

#A1A895 - #4F7D3E

HSV Blend

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

0.0%	0.0% #A1A895	RGB 161 168 149	#A1A895
16.7%	16.7% #94A084	RGB 148 160 132	#94A084
33.3%	33.3% #879974	RGB 135 153 116	#879974
50.0%	50.0% #799265	RGB 121 146 101	#799265
66.7%	66.7% #6B8B57	RGB 107 139 87	#6B8B57
83.3%	83.3% #5D844A	RGB 93 132 74	#5D844A
100.0%	100.0% #4F7D3E	RGB 79 125 62	#4F7D3E

#A1A895 #94A084 #879974 #799265 #6B8B57 #5D844A #4F7D3E

#A1A895 - #799265 - #4F7D3E

CSS codes

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

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