#E3C2EC - #9263B1 | 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 #E3C2EC to #9263B1

#E3C2EC #9263B1

Calculate the color between two colors, #E3C2EC and #9263B1. 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)

#E3C2EC - #9263B1 | 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 #E3C2EC as 0% and #9263B1 as 100%.

0.0%	0.0% #E3C2EC	RGB 227 194 236	#E3C2EC
16.7%	16.7% #D5B2E2	RGB 213 178 226	#D5B2E2
33.3%	33.3% #C8A2D8	RGB 200 162 216	#C8A2D8
50.0%	50.0% #BA92CE	RGB 186 146 206	#BA92CE
66.7%	66.7% #AD82C4	RGB 173 130 196	#AD82C4
83.3%	83.3% #9F72BA	RGB 159 114 186	#9F72BA
100.0%	100.0% #9263B1	RGB 146 99 177	#9263B1

#E3C2EC #D5B2E2 #C8A2D8 #BA92CE #AD82C4 #9F72BA #9263B1

#E3C2EC - #9263B1

HSV Blend

#E3C2EC - #9263B1 | 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 #E3C2EC as 0% and #9263B1 as 100%.

0.0%	0.0% #E3C2EC	RGB 227 194 236	#E3C2EC
16.7%	16.7% #D5B0E2	RGB 213 176 226	#D5B0E2
33.3%	33.3% #C89ED8	RGB 200 158 216	#C89ED8
50.0%	50.0% #BA8ECE	RGB 186 142 206	#BA8ECE
66.7%	66.7% #AD7FC4	RGB 173 127 196	#AD7FC4
83.3%	83.3% #9F70BA	RGB 159 112 186	#9F70BA
100.0%	100.0% #9263B1	RGB 146 99 177	#9263B1

#E3C2EC #D5B0E2 #C89ED8 #BA8ECE #AD7FC4 #9F70BA #9263B1

#E3C2EC - #BA8ECE - #9263B1

CSS codes

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

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