#A2B6B6 - #4D8C7F | 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 #A2B6B6 to #4D8C7F

#A2B6B6 #4D8C7F

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

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

0.0%	0.0% #A2B6B6	RGB 162 182 182	#A2B6B6
16.7%	16.7% #93AFAC	RGB 147 175 172	#93AFAC
33.3%	33.3% #85A8A3	RGB 133 168 163	#85A8A3
50.0%	50.0% #77A19A	RGB 119 161 154	#77A19A
66.7%	66.7% #699A91	RGB 105 154 145	#699A91
83.3%	83.3% #5B9388	RGB 91 147 136	#5B9388
100.0%	100.0% #4D8C7F	RGB 77 140 127	#4D8C7F

#A2B6B6 #93AFAC #85A8A3 #77A19A #699A91 #5B9388 #4D8C7F

#A2B6B6 - #4D8C7F

HSV Blend

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

0.0%	0.0% #A2B6B6	RGB 162 182 182	#A2B6B6
16.7%	16.7% #91AFAD	RGB 145 175 173	#91AFAD
33.3%	33.3% #82A8A5	RGB 130 168 165	#82A8A5
50.0%	50.0% #73A19C	RGB 115 161 156	#73A19C
66.7%	66.7% #669A92	RGB 102 154 146	#669A92
83.3%	83.3% #599389	RGB 89 147 137	#599389
100.0%	100.0% #4D8C7F	RGB 77 140 127	#4D8C7F

#A2B6B6 #91AFAD #82A8A5 #73A19C #669A92 #599389 #4D8C7F

#A2B6B6 - #73A19C - #4D8C7F

CSS codes

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

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