#AAA8AB - #6B527E | 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 #AAA8AB to #6B527E

#AAA8AB #6B527E

Calculate the color between two colors, #AAA8AB and #6B527E. 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)

#AAA8AB - #6B527E | 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 #AAA8AB as 0% and #6B527E as 100%.

0.0%	0.0% #AAA8AB	RGB 170 168 171	#AAA8AB
16.7%	16.7% #9F99A3	RGB 159 153 163	#9F99A3
33.3%	33.3% #958B9C	RGB 149 139 156	#958B9C
50.0%	50.0% #8A7D94	RGB 138 125 148	#8A7D94
66.7%	66.7% #806E8D	RGB 128 110 141	#806E8D
83.3%	83.3% #756085	RGB 117 96 133	#756085
100.0%	100.0% #6B527E	RGB 107 82 126	#6B527E

#AAA8AB #9F99A3 #958B9C #8A7D94 #806E8D #756085 #6B527E

#AAA8AB - #6B527E

HSV Blend

#AAA8AB - #6B527E | 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 #AAA8AB as 0% and #6B527E as 100%.

0.0%	0.0% #AAA8AB	RGB 170 168 171	#AAA8AB
16.7%	16.7% #9F97A3	RGB 159 151 163	#9F97A3
33.3%	33.3% #94889C	RGB 148 136 156	#94889C
50.0%	50.0% #8A7994	RGB 138 121 148	#8A7994
66.7%	66.7% #7F6B8D	RGB 127 107 141	#7F6B8D
83.3%	83.3% #755E85	RGB 117 94 133	#755E85
100.0%	100.0% #6B527E	RGB 107 82 126	#6B527E

#AAA8AB #9F97A3 #94889C #8A7994 #7F6B8D #755E85 #6B527E

#AAA8AB - #8A7994 - #6B527E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAA8AB 0%, #8A7994 50%, #6B527E 100%);
    background: -webkit-linear-gradient(top, #AAA8AB 0%, #8A7994 50%, #6B527E 100%);
    background: linear-gradient(to bottom, #AAA8AB 0%, #8A7994 50%, #6B527E 100%);
}
</style>