#9F7DD3 - #E2D9F2 | 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 #9F7DD3 to #E2D9F2

#9F7DD3 #E2D9F2

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

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

0.0%	0.0% #9F7DD3	RGB 159 125 211	#9F7DD3
16.7%	16.7% #AA8CD8	RGB 170 140 216	#AA8CD8
33.3%	33.3% #B59BDD	RGB 181 155 221	#B59BDD
50.0%	50.0% #C0ABE2	RGB 192 171 226	#C0ABE2
66.7%	66.7% #CBBAE7	RGB 203 186 231	#CBBAE7
83.3%	83.3% #D6C9EC	RGB 214 201 236	#D6C9EC
100.0%	100.0% #E2D9F2	RGB 226 217 242	#E2D9F2

#9F7DD3 #AA8CD8 #B59BDD #C0ABE2 #CBBAE7 #D6C9EC #E2D9F2

#9F7DD3 - #E2D9F2

HSV Blend

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

0.0%	0.0% #9F7DD3	RGB 159 125 211	#9F7DD3
16.7%	16.7% #A98BD8	RGB 169 139 216	#A98BD8
33.3%	33.3% #B399DD	RGB 179 153 221	#B399DD
50.0%	50.0% #BEA8E2	RGB 190 168 226	#BEA8E2
66.7%	66.7% #C9B8E7	RGB 201 184 231	#C9B8E7
83.3%	83.3% #D5C8EC	RGB 213 200 236	#D5C8EC
100.0%	100.0% #E2D9F2	RGB 226 217 242	#E2D9F2

#9F7DD3 #A98BD8 #B399DD #BEA8E2 #C9B8E7 #D5C8EC #E2D9F2

#9F7DD3 - #BEA8E2 - #E2D9F2

CSS codes

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

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