#AA4DFF - #E2BBFF | 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 #AA4DFF to #E2BBFF

#AA4DFF #E2BBFF

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

#AA4DFF - #E2BBFF | 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 #AA4DFF as 0% and #E2BBFF as 100%.

0.0%	0.0% #AA4DFF	RGB 170 77 255	#AA4DFF
16.7%	16.7% #B35FFF	RGB 179 95 255	#B35FFF
33.3%	33.3% #BC71FF	RGB 188 113 255	#BC71FF
50.0%	50.0% #C684FF	RGB 198 132 255	#C684FF
66.7%	66.7% #CF96FF	RGB 207 150 255	#CF96FF
83.3%	83.3% #D8A8FF	RGB 216 168 255	#D8A8FF
100.0%	100.0% #E2BBFF	RGB 226 187 255	#E2BBFF

#AA4DFF #B35FFF #BC71FF #C684FF #CF96FF #D8A8FF #E2BBFF

#AA4DFF - #E2BBFF

HSV Blend

#AA4DFF - #E2BBFF | 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 #AA4DFF as 0% and #E2BBFF as 100%.

0.0%	0.0% #AA4DFF	RGB 170 77 255	#AA4DFF
16.7%	16.7% #B45FFF	RGB 180 95 255	#B45FFF
33.3%	33.3% #BD71FF	RGB 189 113 255	#BD71FF
50.0%	50.0% #C784FF	RGB 199 132 255	#C784FF
66.7%	66.7% #D096FF	RGB 208 150 255	#D096FF
83.3%	83.3% #D9A8FF	RGB 217 168 255	#D9A8FF
100.0%	100.0% #E2BBFF	RGB 226 187 255	#E2BBFF

#AA4DFF #B45FFF #BD71FF #C784FF #D096FF #D9A8FF #E2BBFF

#AA4DFF - #C784FF - #E2BBFF

CSS codes

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

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