#9F44C2 - #E3C9ED | 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 #9F44C2 to #E3C9ED

#9F44C2 #E3C9ED

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

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

0.0%	0.0% #9F44C2	RGB 159 68 194	#9F44C2
16.7%	16.7% #AA5AC9	RGB 170 90 201	#AA5AC9
33.3%	33.3% #B570D0	RGB 181 112 208	#B570D0
50.0%	50.0% #C186D7	RGB 193 134 215	#C186D7
66.7%	66.7% #CC9CDE	RGB 204 156 222	#CC9CDE
83.3%	83.3% #D7B2E5	RGB 215 178 229	#D7B2E5
100.0%	100.0% #E3C9ED	RGB 227 201 237	#E3C9ED

#9F44C2 #AA5AC9 #B570D0 #C186D7 #CC9CDE #D7B2E5 #E3C9ED

#9F44C2 - #E3C9ED

HSV Blend

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

0.0%	0.0% #9E43C2	RGB 158 67 194	#9E43C2
16.7%	16.7% #A957C9	RGB 169 87 201	#A957C9
33.3%	33.3% #B46BD0	RGB 180 107 208	#B46BD0
50.0%	50.0% #BF81D7	RGB 191 129 215	#BF81D7
66.7%	66.7% #CB97DE	RGB 203 151 222	#CB97DE
83.3%	83.3% #D6AFE5	RGB 214 175 229	#D6AFE5
100.0%	100.0% #E3C9ED	RGB 227 201 237	#E3C9ED

#9E43C2 #A957C9 #B46BD0 #BF81D7 #CB97DE #D6AFE5 #E3C9ED

#9F44C2 - #BF81D7 - #E3C9ED

CSS codes

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

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