#AA3AC7 - #E6C6EF | 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 #AA3AC7 to #E6C6EF

#AA3AC7 #E6C6EF

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

#AA3AC7 - #E6C6EF | 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 #AA3AC7 as 0% and #E6C6EF as 100%.

0.0%	0.0% #AA3AC7	RGB 170 58 199	#AA3AC7
16.7%	16.7% #B451CD	RGB 180 81 205	#B451CD
33.3%	33.3% #BE68D4	RGB 190 104 212	#BE68D4
50.0%	50.0% #C880DB	RGB 200 128 219	#C880DB
66.7%	66.7% #D297E1	RGB 210 151 225	#D297E1
83.3%	83.3% #DCAEE8	RGB 220 174 232	#DCAEE8
100.0%	100.0% #E6C6EF	RGB 230 198 239	#E6C6EF

#AA3AC7 #B451CD #BE68D4 #C880DB #D297E1 #DCAEE8 #E6C6EF

#AA3AC7 - #E6C6EF

HSV Blend

#AA3AC7 - #E6C6EF | 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 #AA3AC7 as 0% and #E6C6EF as 100%.

0.0%	0.0% #AA3AC7	RGB 170 58 199	#AA3AC7
16.7%	16.7% #B34ECD	RGB 179 78 205	#B34ECD
33.3%	33.3% #BC63D4	RGB 188 99 212	#BC63D4
50.0%	50.0% #C67ADB	RGB 198 122 219	#C67ADB
66.7%	66.7% #D092E1	RGB 208 146 225	#D092E1
83.3%	83.3% #DBABE8	RGB 219 171 232	#DBABE8
100.0%	100.0% #E6C6EF	RGB 230 198 239	#E6C6EF

#AA3AC7 #B34ECD #BC63D4 #C67ADB #D092E1 #DBABE8 #E6C6EF

#AA3AC7 - #C67ADB - #E6C6EF

CSS codes

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

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