#A2B6AC - #4D8A5E | 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 #A2B6AC to #4D8A5E

#A2B6AC #4D8A5E

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

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

0.0%	0.0% #A2B6AC	RGB 162 182 172	#A2B6AC
16.7%	16.7% #93AE9F	RGB 147 174 159	#93AE9F
33.3%	33.3% #85A792	RGB 133 167 146	#85A792
50.0%	50.0% #77A085	RGB 119 160 133	#77A085
66.7%	66.7% #699878	RGB 105 152 120	#699878
83.3%	83.3% #5B916B	RGB 91 145 107	#5B916B
100.0%	100.0% #4D8A5E	RGB 77 138 94	#4D8A5E

#A2B6AC #93AE9F #85A792 #77A085 #699878 #5B916B #4D8A5E

#A2B6AC - #4D8A5E

HSV Blend

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

0.0%	0.0% #A2B6AC	RGB 162 182 172	#A2B6AC
16.7%	16.7% #91AE9F	RGB 145 174 159	#91AE9F
33.3%	33.3% #82A792	RGB 130 167 146	#82A792
50.0%	50.0% #73A085	RGB 115 160 133	#73A085
66.7%	66.7% #669877	RGB 102 152 119	#669877
83.3%	83.3% #59916A	RGB 89 145 106	#59916A
100.0%	100.0% #4D8A5E	RGB 77 138 94	#4D8A5E

#A2B6AC #91AE9F #82A792 #73A085 #669877 #59916A #4D8A5E

#A2B6AC - #73A085 - #4D8A5E

CSS codes

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

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