#9F5E8C - #E3D1DE | 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 #9F5E8C to #E3D1DE

#9F5E8C #E3D1DE

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

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

0.0%	0.0% #9F5E8C	RGB 159 94 140	#9F5E8C
16.7%	16.7% #AA7199	RGB 170 113 153	#AA7199
33.3%	33.3% #B584A7	RGB 181 132 167	#B584A7
50.0%	50.0% #C197B5	RGB 193 151 181	#C197B5
66.7%	66.7% #CCAAC2	RGB 204 170 194	#CCAAC2
83.3%	83.3% #D7BDD0	RGB 215 189 208	#D7BDD0
100.0%	100.0% #E3D1DE	RGB 227 209 222	#E3D1DE

#9F5E8C #AA7199 #B584A7 #C197B5 #CCAAC2 #D7BDD0 #E3D1DE

#9F5E8C - #E3D1DE

HSV Blend

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

0.0%	0.0% #9F5E8C	RGB 159 94 140	#9F5E8C
16.7%	16.7% #AA6E98	RGB 170 110 152	#AA6E98
33.3%	33.3% #B57FA6	RGB 181 127 166	#B57FA6
50.0%	50.0% #C191B3	RGB 193 145 179	#C191B3
66.7%	66.7% #CCA5C1	RGB 204 165 193	#CCA5C1
83.3%	83.3% #D7BACF	RGB 215 186 207	#D7BACF
100.0%	100.0% #E3D1DE	RGB 227 209 222	#E3D1DE

#9F5E8C #AA6E98 #B57FA6 #C191B3 #CCA5C1 #D7BACF #E3D1DE

#9F5E8C - #C191B3 - #E3D1DE

CSS codes

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

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