#E5A6FF - #8E2FCE | 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 #E5A6FF to #8E2FCE

#E5A6FF #8E2FCE

Calculate the color between two colors, #E5A6FF and #8E2FCE. 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)

#E5A6FF - #8E2FCE | 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 #E5A6FF as 0% and #8E2FCE as 100%.

0.0%	0.0% #E5A6FF	RGB 229 166 255	#E5A6FF
16.7%	16.7% #D692F6	RGB 214 146 246	#D692F6
33.3%	33.3% #C87EEE	RGB 200 126 238	#C87EEE
50.0%	50.0% #B96AE6	RGB 185 106 230	#B96AE6
66.7%	66.7% #AB56DE	RGB 171 86 222	#AB56DE
83.3%	83.3% #9C42D6	RGB 156 66 214	#9C42D6
100.0%	100.0% #8E2FCE	RGB 142 47 206	#8E2FCE

#E5A6FF #D692F6 #C87EEE #B96AE6 #AB56DE #9C42D6 #8E2FCE

#E5A6FF - #8E2FCE

HSV Blend

#E5A6FF - #8E2FCE | 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 #E5A6FF as 0% and #8E2FCE as 100%.

0.0%	0.0% #E5A6FF	RGB 229 166 255	#E5A6FF
16.7%	16.7% #D68FF6	RGB 214 143 246	#D68FF6
33.3%	33.3% #C879EE	RGB 200 121 238	#C879EE
50.0%	50.0% #B965E6	RGB 185 101 230	#B965E6
66.7%	66.7% #AB52DE	RGB 171 82 222	#AB52DE
83.3%	83.3% #9C3FD6	RGB 156 63 214	#9C3FD6
100.0%	100.0% #8E2FCE	RGB 142 47 206	#8E2FCE

#E5A6FF #D68FF6 #C879EE #B965E6 #AB52DE #9C3FD6 #8E2FCE

#E5A6FF - #B965E6 - #8E2FCE

CSS codes

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

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