#AA76FF - #E6D7FF | 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 #AA76FF to #E6D7FF

#AA76FF #E6D7FF

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

#AA76FF - #E6D7FF | 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 #AA76FF as 0% and #E6D7FF as 100%.

0.0%	0.0% #AA76FF	RGB 170 118 255	#AA76FF
16.7%	16.7% #B486FF	RGB 180 134 255	#B486FF
33.3%	33.3% #BE96FF	RGB 190 150 255	#BE96FF
50.0%	50.0% #C8A6FF	RGB 200 166 255	#C8A6FF
66.7%	66.7% #D2B6FF	RGB 210 182 255	#D2B6FF
83.3%	83.3% #DCC6FF	RGB 220 198 255	#DCC6FF
100.0%	100.0% #E6D7FF	RGB 230 215 255	#E6D7FF

#AA76FF #B486FF #BE96FF #C8A6FF #D2B6FF #DCC6FF #E6D7FF

#AA76FF - #E6D7FF

HSV Blend

#AA76FF - #E6D7FF | 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 #AA76FF as 0% and #E6D7FF as 100%.

0.0%	0.0% #AA76FF	RGB 170 118 255	#AA76FF
16.7%	16.7% #B386FF	RGB 179 134 255	#B386FF
33.3%	33.3% #BD96FF	RGB 189 150 255	#BD96FF
50.0%	50.0% #C7A6FF	RGB 199 166 255	#C7A6FF
66.7%	66.7% #D1B6FF	RGB 209 182 255	#D1B6FF
83.3%	83.3% #DBC6FF	RGB 219 198 255	#DBC6FF
100.0%	100.0% #E6D7FF	RGB 230 215 255	#E6D7FF

#AA76FF #B386FF #BD96FF #C7A6FF #D1B6FF #DBC6FF #E6D7FF

#AA76FF - #C7A6FF - #E6D7FF

CSS codes

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

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