#E46CEB - #8F8FFF | 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 #E46CEB to #8F8FFF

#E46CEB #8F8FFF

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

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

0.0%	0.0% #E46CEB	RGB 228 108 235	#E46CEB
16.7%	16.7% #D571EE	RGB 213 113 238	#D571EE
33.3%	33.3% #C777F1	RGB 199 119 241	#C777F1
50.0%	50.0% #B97DF5	RGB 185 125 245	#B97DF5
66.7%	66.7% #AB83F8	RGB 171 131 248	#AB83F8
83.3%	83.3% #9D89FB	RGB 157 137 251	#9D89FB
100.0%	100.0% #8F8FFF	RGB 143 143 255	#8F8FFF

#E46CEB #D571EE #C777F1 #B97DF5 #AB83F8 #9D89FB #8F8FFF

#E46CEB - #8F8FFF

HSV Blend

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

0.0%	0.0% #E46CEB	RGB 228 108 235	#E46CEB
16.7%	16.7% #D371EE	RGB 211 113 238	#D371EE
33.3%	33.3% #C477F1	RGB 196 119 241	#C477F1
50.0%	50.0% #B57CF5	RGB 181 124 245	#B57CF5
66.7%	66.7% #A782F8	RGB 167 130 248	#A782F8
83.3%	83.3% #9A88FB	RGB 154 136 251	#9A88FB
100.0%	100.0% #8F8FFF	RGB 143 143 255	#8F8FFF

#E46CEB #D371EE #C477F1 #B57CF5 #A782F8 #9A88FB #8F8FFF

#E46CEB - #B57CF5 - #8F8FFF

CSS codes

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

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