#A2BDAB - #497F72 | 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 #A2BDAB to #497F72

#A2BDAB #497F72

Calculate the color between two colors, #A2BDAB and #497F72. 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)

#A2BDAB - #497F72 | 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 #A2BDAB as 0% and #497F72 as 100%.

0.0%	0.0% #A2BDAB	RGB 162 189 171	#A2BDAB
16.7%	16.7% #93B2A1	RGB 147 178 161	#93B2A1
33.3%	33.3% #84A898	RGB 132 168 152	#84A898
50.0%	50.0% #759E8E	RGB 117 158 142	#759E8E
66.7%	66.7% #669385	RGB 102 147 133	#669385
83.3%	83.3% #57897B	RGB 87 137 123	#57897B
100.0%	100.0% #497F72	RGB 73 127 114	#497F72

#A2BDAB #93B2A1 #84A898 #759E8E #669385 #57897B #497F72

#A2BDAB - #497F72

HSV Blend

#A2BDAB - #497F72 | 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 #A2BDAB as 0% and #497F72 as 100%.

0.0%	0.0% #A2BDAB	RGB 162 189 171	#A2BDAB
16.7%	16.7% #90B29E	RGB 144 178 158	#90B29E
33.3%	33.3% #80A893	RGB 128 168 147	#80A893
50.0%	50.0% #719E89	RGB 113 158 137	#719E89
66.7%	66.7% #629380	RGB 98 147 128	#629380
83.3%	83.3% #558979	RGB 85 137 121	#558979
100.0%	100.0% #497F72	RGB 73 127 114	#497F72

#A2BDAB #90B29E #80A893 #719E89 #629380 #558979 #497F72

#A2BDAB - #719E89 - #497F72

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2BDAB 0%, #719E89 50%, #497F72 100%);
    background: -webkit-linear-gradient(top, #A2BDAB 0%, #719E89 50%, #497F72 100%);
    background: linear-gradient(to bottom, #A2BDAB 0%, #719E89 50%, #497F72 100%);
}
</style>