#A2B4A8 - #49736E | 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 #A2B4A8 to #49736E

#A2B4A8 #49736E

Calculate the color between two colors, #A2B4A8 and #49736E. 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)

#A2B4A8 - #49736E | 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 #A2B4A8 as 0% and #49736E as 100%.

0.0%	0.0% #A2B4A8	RGB 162 180 168	#A2B4A8
16.7%	16.7% #93A99E	RGB 147 169 158	#93A99E
33.3%	33.3% #849E94	RGB 132 158 148	#849E94
50.0%	50.0% #75938B	RGB 117 147 139	#75938B
66.7%	66.7% #668881	RGB 102 136 129	#668881
83.3%	83.3% #577D77	RGB 87 125 119	#577D77
100.0%	100.0% #49736E	RGB 73 115 110	#49736E

#A2B4A8 #93A99E #849E94 #75938B #668881 #577D77 #49736E

#A2B4A8 - #49736E

HSV Blend

#A2B4A8 - #49736E | 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 #A2B4A8 as 0% and #49736E as 100%.

0.0%	0.0% #A2B4A8	RGB 162 180 168	#A2B4A8
16.7%	16.7% #90A99B	RGB 144 169 155	#90A99B
33.3%	33.3% #809E8F	RGB 128 158 143	#809E8F
50.0%	50.0% #719386	RGB 113 147 134	#719386
66.7%	66.7% #62887D	RGB 98 136 125	#62887D
83.3%	83.3% #557D75	RGB 85 125 117	#557D75
100.0%	100.0% #49736E	RGB 73 115 110	#49736E

#A2B4A8 #90A99B #809E8F #719386 #62887D #557D75 #49736E

#A2B4A8 - #719386 - #49736E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2B4A8 0%, #719386 50%, #49736E 100%);
    background: -webkit-linear-gradient(top, #A2B4A8 0%, #719386 50%, #49736E 100%);
    background: linear-gradient(to bottom, #A2B4A8 0%, #719386 50%, #49736E 100%);
}
</style>