#A0ADAB - #4A8D83 | 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 #A0ADAB to #4A8D83

#A0ADAB #4A8D83

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

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

0.0%	0.0% #A0ADAB	RGB 160 173 171	#A0ADAB
16.7%	16.7% #91A7A4	RGB 145 167 164	#91A7A4
33.3%	33.3% #83A29D	RGB 131 162 157	#83A29D
50.0%	50.0% #759D97	RGB 117 157 151	#759D97
66.7%	66.7% #669790	RGB 102 151 144	#669790
83.3%	83.3% #589289	RGB 88 146 137	#589289
100.0%	100.0% #4A8D83	RGB 74 141 131	#4A8D83

#A0ADAB #91A7A4 #83A29D #759D97 #669790 #589289 #4A8D83

#A0ADAB - #4A8D83

HSV Blend

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

0.0%	0.0% #A0ADAB	RGB 160 173 171	#A0ADAB
16.7%	16.7% #8FA7A4	RGB 143 167 164	#8FA7A4
33.3%	33.3% #80A29D	RGB 128 162 157	#80A29D
50.0%	50.0% #719D96	RGB 113 157 150	#719D96
66.7%	66.7% #63978F	RGB 99 151 143	#63978F
83.3%	83.3% #569289	RGB 86 146 137	#569289
100.0%	100.0% #4A8D83	RGB 74 141 131	#4A8D83

#A0ADAB #8FA7A4 #80A29D #719D96 #63978F #569289 #4A8D83

#A0ADAB - #719D96 - #4A8D83

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0ADAB 0%, #719D96 50%, #4A8D83 100%);
    background: -webkit-linear-gradient(top, #A0ADAB 0%, #719D96 50%, #4A8D83 100%);
    background: linear-gradient(to bottom, #A0ADAB 0%, #719D96 50%, #4A8D83 100%);
}
</style>