#AA7DFF - #E6D9FF | 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 #AA7DFF to #E6D9FF

#AA7DFF #E6D9FF

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

#AA7DFF - #E6D9FF | 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 #AA7DFF as 0% and #E6D9FF as 100%.

0.0%	0.0% #AA7DFF	RGB 170 125 255	#AA7DFF
16.7%	16.7% #B48CFF	RGB 180 140 255	#B48CFF
33.3%	33.3% #BE9BFF	RGB 190 155 255	#BE9BFF
50.0%	50.0% #C8ABFF	RGB 200 171 255	#C8ABFF
66.7%	66.7% #D2BAFF	RGB 210 186 255	#D2BAFF
83.3%	83.3% #DCC9FF	RGB 220 201 255	#DCC9FF
100.0%	100.0% #E6D9FF	RGB 230 217 255	#E6D9FF

#AA7DFF #B48CFF #BE9BFF #C8ABFF #D2BAFF #DCC9FF #E6D9FF

#AA7DFF - #E6D9FF

HSV Blend

#AA7DFF - #E6D9FF | 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 #AA7DFF as 0% and #E6D9FF as 100%.

0.0%	0.0% #AA7DFF	RGB 170 125 255	#AA7DFF
16.7%	16.7% #B38CFF	RGB 179 140 255	#B38CFF
33.3%	33.3% #BD9BFF	RGB 189 155 255	#BD9BFF
50.0%	50.0% #C7ABFF	RGB 199 171 255	#C7ABFF
66.7%	66.7% #D1BAFF	RGB 209 186 255	#D1BAFF
83.3%	83.3% #DBC9FF	RGB 219 201 255	#DBC9FF
100.0%	100.0% #E6D9FF	RGB 230 217 255	#E6D9FF

#AA7DFF #B38CFF #BD9BFF #C7ABFF #D1BAFF #DBC9FF #E6D9FF

#AA7DFF - #C7ABFF - #E6D9FF

CSS codes

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

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