#9F3EBF - #E2C7EC | 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 #9F3EBF to #E2C7EC

#9F3EBF #E2C7EC

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

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

0.0%	0.0% #9F3EBF	RGB 159 62 191	#9F3EBF
16.7%	16.7% #AA54C6	RGB 170 84 198	#AA54C6
33.3%	33.3% #B56BCE	RGB 181 107 206	#B56BCE
50.0%	50.0% #C082D5	RGB 192 130 213	#C082D5
66.7%	66.7% #CB99DD	RGB 203 153 221	#CB99DD
83.3%	83.3% #D6B0E4	RGB 214 176 228	#D6B0E4
100.0%	100.0% #E2C7EC	RGB 226 199 236	#E2C7EC

#9F3EBF #AA54C6 #B56BCE #C082D5 #CB99DD #D6B0E4 #E2C7EC

#9F3EBF - #E2C7EC

HSV Blend

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

0.0%	0.0% #9F3EBF	RGB 159 62 191	#9F3EBF
16.7%	16.7% #A951C6	RGB 169 81 198	#A951C6
33.3%	33.3% #B366CE	RGB 179 102 206	#B366CE
50.0%	50.0% #BE7CD5	RGB 190 124 213	#BE7CD5
66.7%	66.7% #C994DD	RGB 201 148 221	#C994DD
83.3%	83.3% #D5ACE4	RGB 213 172 228	#D5ACE4
100.0%	100.0% #E2C7EC	RGB 226 199 236	#E2C7EC

#9F3EBF #A951C6 #B366CE #BE7CD5 #C994DD #D5ACE4 #E2C7EC

#9F3EBF - #BE7CD5 - #E2C7EC

CSS codes

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

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