#AAA2FF - #E6E4FF | 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 #AAA2FF to #E6E4FF

#AAA2FF #E6E4FF

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

#AAA2FF - #E6E4FF | 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 #AAA2FF as 0% and #E6E4FF as 100%.

0.0%	0.0% #AAA2FF	RGB 170 162 255	#AAA2FF
16.7%	16.7% #B4ADFF	RGB 180 173 255	#B4ADFF
33.3%	33.3% #BEB8FF	RGB 190 184 255	#BEB8FF
50.0%	50.0% #C8C3FF	RGB 200 195 255	#C8C3FF
66.7%	66.7% #D2CEFF	RGB 210 206 255	#D2CEFF
83.3%	83.3% #DCD9FF	RGB 220 217 255	#DCD9FF
100.0%	100.0% #E6E4FF	RGB 230 228 255	#E6E4FF

#AAA2FF #B4ADFF #BEB8FF #C8C3FF #D2CEFF #DCD9FF #E6E4FF

#AAA2FF - #E6E4FF

HSV Blend

#AAA2FF - #E6E4FF | 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 #AAA2FF as 0% and #E6E4FF as 100%.

0.0%	0.0% #A9A2FF	RGB 169 162 255	#A9A2FF
16.7%	16.7% #B3ADFF	RGB 179 173 255	#B3ADFF
33.3%	33.3% #BDB8FF	RGB 189 184 255	#BDB8FF
50.0%	50.0% #C7C3FF	RGB 199 195 255	#C7C3FF
66.7%	66.7% #D1CEFF	RGB 209 206 255	#D1CEFF
83.3%	83.3% #DBD9FF	RGB 219 217 255	#DBD9FF
100.0%	100.0% #E6E4FF	RGB 230 228 255	#E6E4FF

#A9A2FF #B3ADFF #BDB8FF #C7C3FF #D1CEFF #DBD9FF #E6E4FF

#AAA2FF - #C7C3FF - #E6E4FF

CSS codes

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

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