#AA9ECB - #E6E3F0 | 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 #AA9ECB to #E6E3F0

#AA9ECB #E6E3F0

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

#AA9ECB - #E6E3F0 | 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 #AA9ECB as 0% and #E6E3F0 as 100%.

0.0%	0.0% #AA9ECB	RGB 170 158 203	#AA9ECB
16.7%	16.7% #B4A9D1	RGB 180 169 209	#B4A9D1
33.3%	33.3% #BEB5D7	RGB 190 181 215	#BEB5D7
50.0%	50.0% #C8C0DD	RGB 200 192 221	#C8C0DD
66.7%	66.7% #D2CCE3	RGB 210 204 227	#D2CCE3
83.3%	83.3% #DCD7E9	RGB 220 215 233	#DCD7E9
100.0%	100.0% #E6E3F0	RGB 230 227 240	#E6E3F0

#AA9ECB #B4A9D1 #BEB5D7 #C8C0DD #D2CCE3 #DCD7E9 #E6E3F0

#AA9ECB - #E6E3F0

HSV Blend

#AA9ECB - #E6E3F0 | 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 #AA9ECB as 0% and #E6E3F0 as 100%.

0.0%	0.0% #AA9ECB	RGB 170 158 203	#AA9ECB
16.7%	16.7% #B3A8D1	RGB 179 168 209	#B3A8D1
33.3%	33.3% #BCB3D7	RGB 188 179 215	#BCB3D7
50.0%	50.0% #C6BEDD	RGB 198 190 221	#C6BEDD
66.7%	66.7% #D0CAE3	RGB 208 202 227	#D0CAE3
83.3%	83.3% #DBD6E9	RGB 219 214 233	#DBD6E9
100.0%	100.0% #E6E3F0	RGB 230 227 240	#E6E3F0

#AA9ECB #B3A8D1 #BCB3D7 #C6BEDD #D0CAE3 #DBD6E9 #E6E3F0

#AA9ECB - #C6BEDD - #E6E3F0

CSS codes

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

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