#A242DD - #E3C9F5 | 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 #A242DD to #E3C9F5

#A242DD #E3C9F5

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

#A242DD - #E3C9F5 | 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 #A242DD as 0% and #E3C9F5 as 100%.

0.0%	0.0% #A242DD	RGB 162 66 221	#A242DD
16.7%	16.7% #AC58E1	RGB 172 88 225	#AC58E1
33.3%	33.3% #B76FE5	RGB 183 111 229	#B76FE5
50.0%	50.0% #C285E9	RGB 194 133 233	#C285E9
66.7%	66.7% #CD9CED	RGB 205 156 237	#CD9CED
83.3%	83.3% #D8B2F1	RGB 216 178 241	#D8B2F1
100.0%	100.0% #E3C9F5	RGB 227 201 245	#E3C9F5

#A242DD #AC58E1 #B76FE5 #C285E9 #CD9CED #D8B2F1 #E3C9F5

#A242DD - #E3C9F5

HSV Blend

#A242DD - #E3C9F5 | 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 #A242DD as 0% and #E3C9F5 as 100%.

0.0%	0.0% #A142DD	RGB 161 66 221	#A142DD
16.7%	16.7% #AB56E1	RGB 171 86 225	#AB56E1
33.3%	33.3% #B56CE5	RGB 181 108 229	#B56CE5
50.0%	50.0% #C082E9	RGB 192 130 233	#C082E9
66.7%	66.7% #CB99ED	RGB 203 153 237	#CB99ED
83.3%	83.3% #D7B0F1	RGB 215 176 241	#D7B0F1
100.0%	100.0% #E3C9F5	RGB 227 201 245	#E3C9F5

#A142DD #AB56E1 #B56CE5 #C082E9 #CB99ED #D7B0F1 #E3C9F5

#A242DD - #C082E9 - #E3C9F5

CSS codes

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

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