#AA3AC1 - #E6C6ED | 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 #AA3AC1 to #E6C6ED

#AA3AC1 #E6C6ED

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

#AA3AC1 - #E6C6ED | 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 #AA3AC1 as 0% and #E6C6ED as 100%.

0.0%	0.0% #AA3AC1	RGB 170 58 193	#AA3AC1
16.7%	16.7% #B451C8	RGB 180 81 200	#B451C8
33.3%	33.3% #BE68CF	RGB 190 104 207	#BE68CF
50.0%	50.0% #C880D7	RGB 200 128 215	#C880D7
66.7%	66.7% #D297DE	RGB 210 151 222	#D297DE
83.3%	83.3% #DCAEE5	RGB 220 174 229	#DCAEE5
100.0%	100.0% #E6C6ED	RGB 230 198 237	#E6C6ED

#AA3AC1 #B451C8 #BE68CF #C880D7 #D297DE #DCAEE5 #E6C6ED

#AA3AC1 - #E6C6ED

HSV Blend

#AA3AC1 - #E6C6ED | 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 #AA3AC1 as 0% and #E6C6ED as 100%.

0.0%	0.0% #AA3AC1	RGB 170 58 193	#AA3AC1
16.7%	16.7% #B34EC8	RGB 179 78 200	#B34EC8
33.3%	33.3% #BC63CF	RGB 188 99 207	#BC63CF
50.0%	50.0% #C67AD7	RGB 198 122 215	#C67AD7
66.7%	66.7% #D092DE	RGB 208 146 222	#D092DE
83.3%	83.3% #DBABE5	RGB 219 171 229	#DBABE5
100.0%	100.0% #E6C6ED	RGB 230 198 237	#E6C6ED

#AA3AC1 #B34EC8 #BC63CF #C67AD7 #D092DE #DBABE5 #E6C6ED

#AA3AC1 - #C67AD7 - #E6C6ED

CSS codes

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

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