#AA9AA0 - #ECB5DB | 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 #AA9AA0 to #ECB5DB

#AA9AA0 #ECB5DB

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

#AA9AA0 - #ECB5DB | 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 #AA9AA0 as 0% and #ECB5DB as 100%.

0.0%	0.0% #AA9AA0	RGB 170 154 160	#AA9AA0
16.7%	16.7% #B59EA9	RGB 181 158 169	#B59EA9
33.3%	33.3% #C0A3B3	RGB 192 163 179	#C0A3B3
50.0%	50.0% #CBA7BD	RGB 203 167 189	#CBA7BD
66.7%	66.7% #D6ACC7	RGB 214 172 199	#D6ACC7
83.3%	83.3% #E1B0D1	RGB 225 176 209	#E1B0D1
100.0%	100.0% #ECB5DB	RGB 236 181 219	#ECB5DB

#AA9AA0 #B59EA9 #C0A3B3 #CBA7BD #D6ACC7 #E1B0D1 #ECB5DB

#AA9AA0 - #ECB5DB

HSV Blend

#AA9AA0 - #ECB5DB | 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 #AA9AA0 as 0% and #ECB5DB as 100%.

0.0%	0.0% #AA9AA0	RGB 170 154 160	#AA9AA0
16.7%	16.7% #B59FA8	RGB 181 159 168	#B59FA8
33.3%	33.3% #C0A5B1	RGB 192 165 177	#C0A5B1
50.0%	50.0% #CBA9BB	RGB 203 169 187	#CBA9BB
66.7%	66.7% #D6AEC5	RGB 214 174 197	#D6AEC5
83.3%	83.3% #E1B1CF	RGB 225 177 207	#E1B1CF
100.0%	100.0% #ECB5DB	RGB 236 181 219	#ECB5DB

#AA9AA0 #B59FA8 #C0A5B1 #CBA9BB #D6AEC5 #E1B1CF #ECB5DB

#AA9AA0 - #CBA9BB - #ECB5DB

CSS codes

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

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