#AA7BFF - #E5D9FF | 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 #AA7BFF to #E5D9FF

#AA7BFF #E5D9FF

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

#AA7BFF - #E5D9FF | 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 #AA7BFF as 0% and #E5D9FF as 100%.

0.0%	0.0% #AA7BFF	RGB 170 123 255	#AA7BFF
16.7%	16.7% #B38AFF	RGB 179 138 255	#B38AFF
33.3%	33.3% #BD9AFF	RGB 189 154 255	#BD9AFF
50.0%	50.0% #C7AAFF	RGB 199 170 255	#C7AAFF
66.7%	66.7% #D1B9FF	RGB 209 185 255	#D1B9FF
83.3%	83.3% #DBC9FF	RGB 219 201 255	#DBC9FF
100.0%	100.0% #E5D9FF	RGB 229 217 255	#E5D9FF

#AA7BFF #B38AFF #BD9AFF #C7AAFF #D1B9FF #DBC9FF #E5D9FF

#AA7BFF - #E5D9FF

HSV Blend

#AA7BFF - #E5D9FF | 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 #AA7BFF as 0% and #E5D9FF as 100%.

0.0%	0.0% #A97BFF	RGB 169 123 255	#A97BFF
16.7%	16.7% #B38AFF	RGB 179 138 255	#B38AFF
33.3%	33.3% #BC9AFF	RGB 188 154 255	#BC9AFF
50.0%	50.0% #C6AAFF	RGB 198 170 255	#C6AAFF
66.7%	66.7% #D0B9FF	RGB 208 185 255	#D0B9FF
83.3%	83.3% #DAC9FF	RGB 218 201 255	#DAC9FF
100.0%	100.0% #E5D9FF	RGB 229 217 255	#E5D9FF

#A97BFF #B38AFF #BC9AFF #C6AAFF #D0B9FF #DAC9FF #E5D9FF

#AA7BFF - #C6AAFF - #E5D9FF

CSS codes

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

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