#AA9AA7 - #E2B5EC | 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 #AA9AA7 to #E2B5EC

#AA9AA7 #E2B5EC

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

#AA9AA7 - #E2B5EC | 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 #AA9AA7 as 0% and #E2B5EC as 100%.

0.0%	0.0% #AA9AA7	RGB 170 154 167	#AA9AA7
16.7%	16.7% #B39EB2	RGB 179 158 178	#B39EB2
33.3%	33.3% #BCA3BE	RGB 188 163 190	#BCA3BE
50.0%	50.0% #C6A7C9	RGB 198 167 201	#C6A7C9
66.7%	66.7% #CFACD5	RGB 207 172 213	#CFACD5
83.3%	83.3% #D8B0E0	RGB 216 176 224	#D8B0E0
100.0%	100.0% #E2B5EC	RGB 226 181 236	#E2B5EC

#AA9AA7 #B39EB2 #BCA3BE #C6A7C9 #CFACD5 #D8B0E0 #E2B5EC

#AA9AA7 - #E2B5EC

HSV Blend

#AA9AA7 - #E2B5EC | 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 #AA9AA7 as 0% and #E2B5EC as 100%.

0.0%	0.0% #AA9AA7	RGB 170 154 167	#AA9AA7
16.7%	16.7% #B59FB2	RGB 181 159 178	#B59FB2
33.3%	33.3% #C0A5BE	RGB 192 165 190	#C0A5BE
50.0%	50.0% #CBA9CA	RGB 203 169 202	#CBA9CA
66.7%	66.7% #D3AED6	RGB 211 174 214	#D3AED6
83.3%	83.3% #DBB1E1	RGB 219 177 225	#DBB1E1
100.0%	100.0% #E2B5EC	RGB 226 181 236	#E2B5EC

#AA9AA7 #B59FB2 #C0A5BE #CBA9CA #D3AED6 #DBB1E1 #E2B5EC

#AA9AA7 - #CBA9CA - #E2B5EC

CSS codes

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

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