#7E4EC2 - #E3A6D4 | 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 #7E4EC2 to #E3A6D4

#7E4EC2 #E3A6D4

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

#7E4EC2 - #E3A6D4 | 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 #7E4EC2 as 0% and #E3A6D4 as 100%.

0.0%	0.0% #7E4EC2	RGB 126 78 194	#7E4EC2
16.7%	16.7% #8E5CC5	RGB 142 92 197	#8E5CC5
33.3%	33.3% #9F6BC8	RGB 159 107 200	#9F6BC8
50.0%	50.0% #B07ACB	RGB 176 122 203	#B07ACB
66.7%	66.7% #C188CE	RGB 193 136 206	#C188CE
83.3%	83.3% #D297D1	RGB 210 151 209	#D297D1
100.0%	100.0% #E3A6D4	RGB 227 166 212	#E3A6D4

#7E4EC2 #8E5CC5 #9F6BC8 #B07ACB #C188CE #D297D1 #E3A6D4

#7E4EC2 - #E3A6D4

HSV Blend

#7E4EC2 - #E3A6D4 | 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 #7E4EC2 as 0% and #E3A6D4 as 100%.

0.0%	0.0% #7E4EC2	RGB 126 78 194	#7E4EC2
16.7%	16.7% #975BC7	RGB 151 91 199	#975BC7
33.3%	33.3% #AE68CD	RGB 174 104 205	#AE68CD
50.0%	50.0% #C277D2	RGB 194 119 210	#C277D2
66.7%	66.7% #D586D8	RGB 213 134 216	#D586D8
83.3%	83.3% #DD95D5	RGB 221 149 213	#DD95D5
100.0%	100.0% #E3A6D4	RGB 227 166 212	#E3A6D4

#7E4EC2 #975BC7 #AE68CD #C277D2 #D586D8 #DD95D5 #E3A6D4

#7E4EC2 - #C277D2 - #E3A6D4

CSS codes

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

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