#AA949D - #A8AAD4 | 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 #AA949D to #A8AAD4

#AA949D #A8AAD4

Calculate the color between two colors, #AA949D and #A8AAD4. 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)

#AA949D - #A8AAD4 | 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 #AA949D as 0% and #A8AAD4 as 100%.

0.0%	0.0% #AA949D	RGB 170 148 157	#AA949D
16.7%	16.7% #A997A6	RGB 169 151 166	#A997A6
33.3%	33.3% #A99BAF	RGB 169 155 175	#A99BAF
50.0%	50.0% #A99FB8	RGB 169 159 184	#A99FB8
66.7%	66.7% #A8A2C1	RGB 168 162 193	#A8A2C1
83.3%	83.3% #A8A6CA	RGB 168 166 202	#A8A6CA
100.0%	100.0% #A8AAD4	RGB 168 170 212	#A8AAD4

#AA949D #A997A6 #A99BAF #A99FB8 #A8A2C1 #A8A6CA #A8AAD4

#AA949D - #A8AAD4

HSV Blend

#AA949D - #A8AAD4 | 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 #AA949D as 0% and #A8AAD4 as 100%.

0.0%	0.0% #AA949D	RGB 170 148 157	#AA949D
16.7%	16.7% #B197A8	RGB 177 151 168	#B197A8
33.3%	33.3% #B89BB6	RGB 184 155 182	#B89BB6
50.0%	50.0% #B79EBF	RGB 183 158 191	#B79EBF
66.7%	66.7% #B4A2C6	RGB 180 162 198	#B4A2C6
83.3%	83.3% #AEA5CD	RGB 174 165 205	#AEA5CD
100.0%	100.0% #A8AAD4	RGB 168 170 212	#A8AAD4

#AA949D #B197A8 #B89BB6 #B79EBF #B4A2C6 #AEA5CD #A8AAD4

#AA949D - #B79EBF - #A8AAD4

CSS codes

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

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