#9F5D9A - #E3D0E2 | 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 #9F5D9A to #E3D0E2

#9F5D9A #E3D0E2

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

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

0.0%	0.0% #9F5D9A	RGB 159 93 154	#9F5D9A
16.7%	16.7% #AA70A6	RGB 170 112 166	#AA70A6
33.3%	33.3% #B583B2	RGB 181 131 178	#B583B2
50.0%	50.0% #C196BE	RGB 193 150 190	#C196BE
66.7%	66.7% #CCA9CA	RGB 204 169 202	#CCA9CA
83.3%	83.3% #D7BCD6	RGB 215 188 214	#D7BCD6
100.0%	100.0% #E3D0E2	RGB 227 208 226	#E3D0E2

#9F5D9A #AA70A6 #B583B2 #C196BE #CCA9CA #D7BCD6 #E3D0E2

#9F5D9A - #E3D0E2

HSV Blend

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

0.0%	0.0% #9F5D9A	RGB 159 93 154	#9F5D9A
16.7%	16.7% #AA6DA5	RGB 170 109 165	#AA6DA5
33.3%	33.3% #B57EB1	RGB 181 126 177	#B57EB1
50.0%	50.0% #C190BD	RGB 193 144 189	#C190BD
66.7%	66.7% #CCA4C9	RGB 204 164 201	#CCA4C9
83.3%	83.3% #D7B9D5	RGB 215 185 213	#D7B9D5
100.0%	100.0% #E3D0E2	RGB 227 208 226	#E3D0E2

#9F5D9A #AA6DA5 #B57EB1 #C190BD #CCA4C9 #D7B9D5 #E3D0E2

#9F5D9A - #C190BD - #E3D0E2

CSS codes

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

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