#7E5ED2 - #E3B5E0 | 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 #7E5ED2 to #E3B5E0

#7E5ED2 #E3B5E0

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

#7E5ED2 - #E3B5E0 | 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 #7E5ED2 as 0% and #E3B5E0 as 100%.

0.0%	0.0% #7E5ED2	RGB 126 94 210	#7E5ED2
16.7%	16.7% #8E6CD4	RGB 142 108 212	#8E6CD4
33.3%	33.3% #9F7BD6	RGB 159 123 214	#9F7BD6
50.0%	50.0% #B089D9	RGB 176 137 217	#B089D9
66.7%	66.7% #C198DB	RGB 193 152 219	#C198DB
83.3%	83.3% #D2A6DD	RGB 210 166 221	#D2A6DD
100.0%	100.0% #E3B5E0	RGB 227 181 224	#E3B5E0

#7E5ED2 #8E6CD4 #9F7BD6 #B089D9 #C198DB #D2A6DD #E3B5E0

#7E5ED2 - #E3B5E0

HSV Blend

#7E5ED2 - #E3B5E0 | 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 #7E5ED2 as 0% and #E3B5E0 as 100%.

0.0%	0.0% #7E5ED2	RGB 126 94 210	#7E5ED2
16.7%	16.7% #966BD4	RGB 150 107 212	#966BD4
33.3%	33.3% #AC79D7	RGB 172 121 215	#AC79D7
50.0%	50.0% #BF88DA	RGB 191 136 218	#BF88DA
66.7%	66.7% #CF96DD	RGB 207 150 221	#CF96DD
83.3%	83.3% #DCA5E0	RGB 220 165 224	#DCA5E0
100.0%	100.0% #E3B5E0	RGB 227 181 224	#E3B5E0

#7E5ED2 #966BD4 #AC79D7 #BF88DA #CF96DD #DCA5E0 #E3B5E0

#7E5ED2 - #BF88DA - #E3B5E0

CSS codes

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

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