#9E6EA8 - #E3D5E6 | 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 #9E6EA8 to #E3D5E6

#9E6EA8 #E3D5E6

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

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

0.0%	0.0% #9E6EA8	RGB 158 110 168	#9E6EA8
16.7%	16.7% #A97FB2	RGB 169 127 178	#A97FB2
33.3%	33.3% #B590BC	RGB 181 144 188	#B590BC
50.0%	50.0% #C0A1C7	RGB 192 161 199	#C0A1C7
66.7%	66.7% #CCB2D1	RGB 204 178 209	#CCB2D1
83.3%	83.3% #D7C3DB	RGB 215 195 219	#D7C3DB
100.0%	100.0% #E3D5E6	RGB 227 213 230	#E3D5E6

#9E6EA8 #A97FB2 #B590BC #C0A1C7 #CCB2D1 #D7C3DB #E3D5E6

#9E6EA8 - #E3D5E6

HSV Blend

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

0.0%	0.0% #9D6EA8	RGB 157 110 168	#9D6EA8
16.7%	16.7% #A97CB2	RGB 169 124 178	#A97CB2
33.3%	33.3% #B48CBC	RGB 180 140 188	#B48CBC
50.0%	50.0% #BF9DC7	RGB 191 157 199	#BF9DC7
66.7%	66.7% #CBAED1	RGB 203 174 209	#CBAED1
83.3%	83.3% #D7C1DB	RGB 215 193 219	#D7C1DB
100.0%	100.0% #E3D5E6	RGB 227 213 230	#E3D5E6

#9D6EA8 #A97CB2 #B48CBC #BF9DC7 #CBAED1 #D7C1DB #E3D5E6

#9E6EA8 - #BF9DC7 - #E3D5E6

CSS codes

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

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