#A8ADAB - #528D79 | 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 #A8ADAB to #528D79

#A8ADAB #528D79

Calculate the color between two colors, #A8ADAB and #528D79. 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)

#A8ADAB - #528D79 | 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 #A8ADAB as 0% and #528D79 as 100%.

0.0%	0.0% #A8ADAB	RGB 168 173 171	#A8ADAB
16.7%	16.7% #99A7A2	RGB 153 167 162	#99A7A2
33.3%	33.3% #8BA29A	RGB 139 162 154	#8BA29A
50.0%	50.0% #7D9D92	RGB 125 157 146	#7D9D92
66.7%	66.7% #6E9789	RGB 110 151 137	#6E9789
83.3%	83.3% #609281	RGB 96 146 129	#609281
100.0%	100.0% #528D79	RGB 82 141 121	#528D79

#A8ADAB #99A7A2 #8BA29A #7D9D92 #6E9789 #609281 #528D79

#A8ADAB - #528D79

HSV Blend

#A8ADAB - #528D79 | 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 #A8ADAB as 0% and #528D79 as 100%.

0.0%	0.0% #A8ADAB	RGB 168 173 171	#A8ADAB
16.7%	16.7% #97A7A1	RGB 151 167 161	#97A7A1
33.3%	33.3% #88A298	RGB 136 162 152	#88A298
50.0%	50.0% #799D90	RGB 121 157 144	#799D90
66.7%	66.7% #6B9787	RGB 107 151 135	#6B9787
83.3%	83.3% #5E9280	RGB 94 146 128	#5E9280
100.0%	100.0% #528D79	RGB 82 141 121	#528D79

#A8ADAB #97A7A1 #88A298 #799D90 #6B9787 #5E9280 #528D79

#A8ADAB - #799D90 - #528D79

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ADAB 0%, #799D90 50%, #528D79 100%);
    background: -webkit-linear-gradient(top, #A8ADAB 0%, #799D90 50%, #528D79 100%);
    background: linear-gradient(to bottom, #A8ADAB 0%, #799D90 50%, #528D79 100%);
}
</style>