#7E5ED5 - #E2B6E3 | 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 #7E5ED5 to #E2B6E3

#7E5ED5 #E2B6E3

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

#7E5ED5 - #E2B6E3 | 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 #7E5ED5 as 0% and #E2B6E3 as 100%.

0.0%	0.0% #7E5ED5	RGB 126 94 213	#7E5ED5
16.7%	16.7% #8E6CD7	RGB 142 108 215	#8E6CD7
33.3%	33.3% #9F7BD9	RGB 159 123 217	#9F7BD9
50.0%	50.0% #B08ADC	RGB 176 138 220	#B08ADC
66.7%	66.7% #C098DE	RGB 192 152 222	#C098DE
83.3%	83.3% #D1A7E0	RGB 209 167 224	#D1A7E0
100.0%	100.0% #E2B6E3	RGB 226 182 227	#E2B6E3

#7E5ED5 #8E6CD7 #9F7BD9 #B08ADC #C098DE #D1A7E0 #E2B6E3

#7E5ED5 - #E2B6E3

HSV Blend

#7E5ED5 - #E2B6E3 | 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 #7E5ED5 as 0% and #E2B6E3 as 100%.

0.0%	0.0% #7E5ED5	RGB 126 94 213	#7E5ED5
16.7%	16.7% #956BD7	RGB 149 107 215	#956BD7
33.3%	33.3% #AA7AD9	RGB 170 122 217	#AA7AD9
50.0%	50.0% #BC88DC	RGB 188 136 220	#BC88DC
66.7%	66.7% #CC97DE	RGB 204 151 222	#CC97DE
83.3%	83.3% #D8A6E0	RGB 216 166 224	#D8A6E0
100.0%	100.0% #E2B6E3	RGB 226 182 227	#E2B6E3

#7E5ED5 #956BD7 #AA7AD9 #BC88DC #CC97DE #D8A6E0 #E2B6E3

#7E5ED5 - #BC88DC - #E2B6E3

CSS codes

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

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