#9D2BBA - #E3C2EB | 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 #9D2BBA to #E3C2EB

#9D2BBA #E3C2EB

Calculate the color between two colors, #9D2BBA and #E3C2EB. 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)

#9D2BBA - #E3C2EB | 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 #9D2BBA as 0% and #E3C2EB as 100%.

0.0%	0.0% #9D2BBA	RGB 157 43 186	#9D2BBA
16.7%	16.7% #A844C2	RGB 168 68 194	#A844C2
33.3%	33.3% #B45DCA	RGB 180 93 202	#B45DCA
50.0%	50.0% #C076D2	RGB 192 118 210	#C076D2
66.7%	66.7% #CB8FDA	RGB 203 143 218	#CB8FDA
83.3%	83.3% #D7A8E2	RGB 215 168 226	#D7A8E2
100.0%	100.0% #E3C2EB	RGB 227 194 235	#E3C2EB

#9D2BBA #A844C2 #B45DCA #C076D2 #CB8FDA #D7A8E2 #E3C2EB

#9D2BBA - #E3C2EB

HSV Blend

#9D2BBA - #E3C2EB | 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 #9D2BBA as 0% and #E3C2EB as 100%.

0.0%	0.0% #9C2BBA	RGB 156 43 186	#9C2BBA
16.7%	16.7% #A740C2	RGB 167 64 194	#A740C2
33.3%	33.3% #B356CA	RGB 179 86 202	#B356CA
50.0%	50.0% #BE6FD2	RGB 190 111 210	#BE6FD2
66.7%	66.7% #CA89DA	RGB 202 137 218	#CA89DA
83.3%	83.3% #D6A4E2	RGB 214 164 226	#D6A4E2
100.0%	100.0% #E3C2EB	RGB 227 194 235	#E3C2EB

#9C2BBA #A740C2 #B356CA #BE6FD2 #CA89DA #D6A4E2 #E3C2EB

#9D2BBA - #BE6FD2 - #E3C2EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C2BBA 0%, #BE6FD2 50%, #E3C2EB 100%);
    background: -webkit-linear-gradient(top, #9C2BBA 0%, #BE6FD2 50%, #E3C2EB 100%);
    background: linear-gradient(to bottom, #9C2BBA 0%, #BE6FD2 50%, #E3C2EB 100%);
}
</style>