#A02AC9 - #E3C2EF | 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 #A02AC9 to #E3C2EF

#A02AC9 #E3C2EF

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

#A02AC9 - #E3C2EF | 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 #A02AC9 as 0% and #E3C2EF as 100%.

0.0%	0.0% #A02AC9	RGB 160 42 201	#A02AC9
16.7%	16.7% #AB43CF	RGB 171 67 207	#AB43CF
33.3%	33.3% #B65CD5	RGB 182 92 213	#B65CD5
50.0%	50.0% #C176DC	RGB 193 118 220	#C176DC
66.7%	66.7% #CC8FE2	RGB 204 143 226	#CC8FE2
83.3%	83.3% #D7A8E8	RGB 215 168 232	#D7A8E8
100.0%	100.0% #E3C2EF	RGB 227 194 239	#E3C2EF

#A02AC9 #AB43CF #B65CD5 #C176DC #CC8FE2 #D7A8E8 #E3C2EF

#A02AC9 - #E3C2EF

HSV Blend

#A02AC9 - #E3C2EF | 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 #A02AC9 as 0% and #E3C2EF as 100%.

0.0%	0.0% #A02AC9	RGB 160 42 201	#A02AC9
16.7%	16.7% #AA40CF	RGB 170 64 207	#AA40CF
33.3%	33.3% #B457D5	RGB 180 87 213	#B457D5
50.0%	50.0% #BF70DC	RGB 191 112 220	#BF70DC
66.7%	66.7% #CB8AE2	RGB 203 138 226	#CB8AE2
83.3%	83.3% #D6A5E8	RGB 214 165 232	#D6A5E8
100.0%	100.0% #E3C2EF	RGB 227 194 239	#E3C2EF

#A02AC9 #AA40CF #B457D5 #BF70DC #CB8AE2 #D6A5E8 #E3C2EF

#A02AC9 - #BF70DC - #E3C2EF

CSS codes

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

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