#A8ADAD - #52918E | 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 #A8ADAD to #52918E

#A8ADAD #52918E

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

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

0.0%	0.0% #A8ADAD	RGB 168 173 173	#A8ADAD
16.7%	16.7% #99A8A7	RGB 153 168 167	#99A8A7
33.3%	33.3% #8BA3A2	RGB 139 163 162	#8BA3A2
50.0%	50.0% #7D9F9D	RGB 125 159 157	#7D9F9D
66.7%	66.7% #6E9A98	RGB 110 154 152	#6E9A98
83.3%	83.3% #609593	RGB 96 149 147	#609593
100.0%	100.0% #52918E	RGB 82 145 142	#52918E

#A8ADAD #99A8A7 #8BA3A2 #7D9F9D #6E9A98 #609593 #52918E

#A8ADAD - #52918E

HSV Blend

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

0.0%	0.0% #A8ADAD	RGB 168 173 173	#A8ADAD
16.7%	16.7% #98A8A8	RGB 152 168 168	#98A8A8
33.3%	33.3% #88A3A3	RGB 136 163 163	#88A3A3
50.0%	50.0% #7A9F9E	RGB 122 159 158	#7A9F9E
66.7%	66.7% #6C9A98	RGB 108 154 152	#6C9A98
83.3%	83.3% #5E9593	RGB 94 149 147	#5E9593
100.0%	100.0% #52918E	RGB 82 145 142	#52918E

#A8ADAD #98A8A8 #88A3A3 #7A9F9E #6C9A98 #5E9593 #52918E

#A8ADAD - #7A9F9E - #52918E

CSS codes

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

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