#AA4CFF - #E2BAFF | 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 #AA4CFF to #E2BAFF

#AA4CFF #E2BAFF

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

#AA4CFF - #E2BAFF | 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 #AA4CFF as 0% and #E2BAFF as 100%.

0.0%	0.0% #AA4CFF	RGB 170 76 255	#AA4CFF
16.7%	16.7% #B35EFF	RGB 179 94 255	#B35EFF
33.3%	33.3% #BC70FF	RGB 188 112 255	#BC70FF
50.0%	50.0% #C683FF	RGB 198 131 255	#C683FF
66.7%	66.7% #CF95FF	RGB 207 149 255	#CF95FF
83.3%	83.3% #D8A7FF	RGB 216 167 255	#D8A7FF
100.0%	100.0% #E2BAFF	RGB 226 186 255	#E2BAFF

#AA4CFF #B35EFF #BC70FF #C683FF #CF95FF #D8A7FF #E2BAFF

#AA4CFF - #E2BAFF

HSV Blend

#AA4CFF - #E2BAFF | 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 #AA4CFF as 0% and #E2BAFF as 100%.

0.0%	0.0% #AA4BFF	RGB 170 75 255	#AA4BFF
16.7%	16.7% #B45EFF	RGB 180 94 255	#B45EFF
33.3%	33.3% #BE70FF	RGB 190 112 255	#BE70FF
50.0%	50.0% #C783FF	RGB 199 131 255	#C783FF
66.7%	66.7% #D095FF	RGB 208 149 255	#D095FF
83.3%	83.3% #D9A7FF	RGB 217 167 255	#D9A7FF
100.0%	100.0% #E2BAFF	RGB 226 186 255	#E2BAFF

#AA4BFF #B45EFF #BE70FF #C783FF #D095FF #D9A7FF #E2BAFF

#AA4CFF - #C783FF - #E2BAFF

CSS codes

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

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