#AA9CCB - #E6E2F0 | 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 #AA9CCB to #E6E2F0

#AA9CCB #E6E2F0

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

#AA9CCB - #E6E2F0 | 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 #AA9CCB as 0% and #E6E2F0 as 100%.

0.0%	0.0% #AA9CCB	RGB 170 156 203	#AA9CCB
16.7%	16.7% #B4A7D1	RGB 180 167 209	#B4A7D1
33.3%	33.3% #BEB3D7	RGB 190 179 215	#BEB3D7
50.0%	50.0% #C8BFDD	RGB 200 191 221	#C8BFDD
66.7%	66.7% #D2CAE3	RGB 210 202 227	#D2CAE3
83.3%	83.3% #DCD6E9	RGB 220 214 233	#DCD6E9
100.0%	100.0% #E6E2F0	RGB 230 226 240	#E6E2F0

#AA9CCB #B4A7D1 #BEB3D7 #C8BFDD #D2CAE3 #DCD6E9 #E6E2F0

#AA9CCB - #E6E2F0

HSV Blend

#AA9CCB - #E6E2F0 | 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 #AA9CCB as 0% and #E6E2F0 as 100%.

0.0%	0.0% #AA9CCB	RGB 170 156 203	#AA9CCB
16.7%	16.7% #B3A6D1	RGB 179 166 209	#B3A6D1
33.3%	33.3% #BCB1D7	RGB 188 177 215	#BCB1D7
50.0%	50.0% #C6BDDD	RGB 198 189 221	#C6BDDD
66.7%	66.7% #D0C9E3	RGB 208 201 227	#D0C9E3
83.3%	83.3% #DBD5E9	RGB 219 213 233	#DBD5E9
100.0%	100.0% #E6E2F0	RGB 230 226 240	#E6E2F0

#AA9CCB #B3A6D1 #BCB1D7 #C6BDDD #D0C9E3 #DBD5E9 #E6E2F0

#AA9CCB - #C6BDDD - #E6E2F0

CSS codes

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

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