#A8ADB5 - #525F6F | 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 #A8ADB5 to #525F6F

#A8ADB5 #525F6F

Calculate the color between two colors, #A8ADB5 and #525F6F. 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)

#A8ADB5 - #525F6F | 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 #A8ADB5 as 0% and #525F6F as 100%.

0.0%	0.0% #A8ADB5	RGB 168 173 181	#A8ADB5
16.7%	16.7% #99A0A9	RGB 153 160 169	#99A0A9
33.3%	33.3% #8B939D	RGB 139 147 157	#8B939D
50.0%	50.0% #7D8692	RGB 125 134 146	#7D8692
66.7%	66.7% #6E7986	RGB 110 121 134	#6E7986
83.3%	83.3% #606C7A	RGB 96 108 122	#606C7A
100.0%	100.0% #525F6F	RGB 82 95 111	#525F6F

#A8ADB5 #99A0A9 #8B939D #7D8692 #6E7986 #606C7A #525F6F

#A8ADB5 - #525F6F

HSV Blend

#A8ADB5 - #525F6F | 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 #A8ADB5 as 0% and #525F6F as 100%.

0.0%	0.0% #A8ADB5	RGB 168 173 181	#A8ADB5
16.7%	16.7% #979EA9	RGB 151 158 169	#979EA9
33.3%	33.3% #88919D	RGB 136 145 157	#88919D
50.0%	50.0% #798392	RGB 121 131 146	#798392
66.7%	66.7% #6B7786	RGB 107 119 134	#6B7786
83.3%	83.3% #5E6A7A	RGB 94 106 122	#5E6A7A
100.0%	100.0% #525F6F	RGB 82 95 111	#525F6F

#A8ADB5 #979EA9 #88919D #798392 #6B7786 #5E6A7A #525F6F

#A8ADB5 - #798392 - #525F6F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ADB5 0%, #798392 50%, #525F6F 100%);
    background: -webkit-linear-gradient(top, #A8ADB5 0%, #798392 50%, #525F6F 100%);
    background: linear-gradient(to bottom, #A8ADB5 0%, #798392 50%, #525F6F 100%);
}
</style>