#AA9FDD - #E5E3F5 | 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 #AA9FDD to #E5E3F5

#AA9FDD #E5E3F5

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

#AA9FDD - #E5E3F5 | 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 #AA9FDD as 0% and #E5E3F5 as 100%.

0.0%	0.0% #AA9FDD	RGB 170 159 221	#AA9FDD
16.7%	16.7% #B3AAE1	RGB 179 170 225	#B3AAE1
33.3%	33.3% #BDB5E5	RGB 189 181 229	#BDB5E5
50.0%	50.0% #C7C1E9	RGB 199 193 233	#C7C1E9
66.7%	66.7% #D1CCED	RGB 209 204 237	#D1CCED
83.3%	83.3% #DBD7F1	RGB 219 215 241	#DBD7F1
100.0%	100.0% #E5E3F5	RGB 229 227 245	#E5E3F5

#AA9FDD #B3AAE1 #BDB5E5 #C7C1E9 #D1CCED #DBD7F1 #E5E3F5

#AA9FDD - #E5E3F5

HSV Blend

#AA9FDD - #E5E3F5 | 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 #AA9FDD as 0% and #E5E3F5 as 100%.

0.0%	0.0% #AA9FDD	RGB 170 159 221	#AA9FDD
16.7%	16.7% #B2A9E1	RGB 178 169 225	#B2A9E1
33.3%	33.3% #BCB4E5	RGB 188 180 229	#BCB4E5
50.0%	50.0% #C5BFE9	RGB 197 191 233	#C5BFE9
66.7%	66.7% #CFCBED	RGB 207 203 237	#CFCBED
83.3%	83.3% #DAD6F1	RGB 218 214 241	#DAD6F1
100.0%	100.0% #E5E3F5	RGB 229 227 245	#E5E3F5

#AA9FDD #B2A9E1 #BCB4E5 #C5BFE9 #CFCBED #DAD6F1 #E5E3F5

#AA9FDD - #C5BFE9 - #E5E3F5

CSS codes

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

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