#AA5CEE - #E6D0FA | 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 #AA5CEE to #E6D0FA

#AA5CEE #E6D0FA

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

#AA5CEE - #E6D0FA | 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 #AA5CEE as 0% and #E6D0FA as 100%.

0.0%	0.0% #AA5CEE	RGB 170 92 238	#AA5CEE
16.7%	16.7% #B46FF0	RGB 180 111 240	#B46FF0
33.3%	33.3% #BE82F2	RGB 190 130 242	#BE82F2
50.0%	50.0% #C896F4	RGB 200 150 244	#C896F4
66.7%	66.7% #D2A9F6	RGB 210 169 246	#D2A9F6
83.3%	83.3% #DCBCF8	RGB 220 188 248	#DCBCF8
100.0%	100.0% #E6D0FA	RGB 230 208 250	#E6D0FA

#AA5CEE #B46FF0 #BE82F2 #C896F4 #D2A9F6 #DCBCF8 #E6D0FA

#AA5CEE - #E6D0FA

HSV Blend

#AA5CEE - #E6D0FA | 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 #AA5CEE as 0% and #E6D0FA as 100%.

0.0%	0.0% #A95CEE	RGB 169 92 238	#A95CEE
16.7%	16.7% #B36EF0	RGB 179 110 240	#B36EF0
33.3%	33.3% #BD81F2	RGB 189 129 242	#BD81F2
50.0%	50.0% #C794F4	RGB 199 148 244	#C794F4
66.7%	66.7% #D1A8F6	RGB 209 168 246	#D1A8F6
83.3%	83.3% #DBBBF8	RGB 219 187 248	#DBBBF8
100.0%	100.0% #E6D0FA	RGB 230 208 250	#E6D0FA

#A95CEE #B36EF0 #BD81F2 #C794F4 #D1A8F6 #DBBBF8 #E6D0FA

#AA5CEE - #C794F4 - #E6D0FA

CSS codes

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

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