#A2B6AA - #4D8C59 | 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 #A2B6AA to #4D8C59

#A2B6AA #4D8C59

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

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

0.0%	0.0% #A2B6AA	RGB 162 182 170	#A2B6AA
16.7%	16.7% #93AF9C	RGB 147 175 156	#93AF9C
33.3%	33.3% #85A88F	RGB 133 168 143	#85A88F
50.0%	50.0% #77A181	RGB 119 161 129	#77A181
66.7%	66.7% #699A74	RGB 105 154 116	#699A74
83.3%	83.3% #5B9366	RGB 91 147 102	#5B9366
100.0%	100.0% #4D8C59	RGB 77 140 89	#4D8C59

#A2B6AA #93AF9C #85A88F #77A181 #699A74 #5B9366 #4D8C59

#A2B6AA - #4D8C59

HSV Blend

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

0.0%	0.0% #A2B6AA	RGB 162 182 170	#A2B6AA
16.7%	16.7% #91AF9C	RGB 145 175 156	#91AF9C
33.3%	33.3% #82A88E	RGB 130 168 142	#82A88E
50.0%	50.0% #73A181	RGB 115 161 129	#73A181
66.7%	66.7% #669A73	RGB 102 154 115	#669A73
83.3%	83.3% #599366	RGB 89 147 102	#599366
100.0%	100.0% #4D8C59	RGB 77 140 89	#4D8C59

#A2B6AA #91AF9C #82A88E #73A181 #669A73 #599366 #4D8C59

#A2B6AA - #73A181 - #4D8C59

CSS codes

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

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