#E9D9F0 - #9389B5 | 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 #E9D9F0 to #9389B5

#E9D9F0 #9389B5

Calculate the color between two colors, #E9D9F0 and #9389B5. 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)

#E9D9F0 - #9389B5 | 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 #E9D9F0 as 0% and #9389B5 as 100%.

0.0%	0.0% #E9D9F0	RGB 233 217 240	#E9D9F0
16.7%	16.7% #DACBE6	RGB 218 203 230	#DACBE6
33.3%	33.3% #CCBEDC	RGB 204 190 220	#CCBEDC
50.0%	50.0% #BEB1D2	RGB 190 177 210	#BEB1D2
66.7%	66.7% #AFA3C8	RGB 175 163 200	#AFA3C8
83.3%	83.3% #A196BE	RGB 161 150 190	#A196BE
100.0%	100.0% #9389B5	RGB 147 137 181	#9389B5

#E9D9F0 #DACBE6 #CCBEDC #BEB1D2 #AFA3C8 #A196BE #9389B5

#E9D9F0 - #9389B5

HSV Blend

#E9D9F0 - #9389B5 | 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 #E9D9F0 as 0% and #9389B5 as 100%.

0.0%	0.0% #E9D9F0	RGB 233 217 240	#E9D9F0
16.7%	16.7% #DBCAE6	RGB 219 202 230	#DBCAE6
33.3%	33.3% #CDBCDC	RGB 205 188 220	#CDBCDC
50.0%	50.0% #BFAED2	RGB 191 174 210	#BFAED2
66.7%	66.7% #B0A1C8	RGB 176 161 200	#B0A1C8
83.3%	83.3% #A195BE	RGB 161 149 190	#A195BE
100.0%	100.0% #9389B5	RGB 147 137 181	#9389B5

#E9D9F0 #DBCAE6 #CDBCDC #BFAED2 #B0A1C8 #A195BE #9389B5

#E9D9F0 - #BFAED2 - #9389B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E9D9F0 0%, #BFAED2 50%, #9389B5 100%);
    background: -webkit-linear-gradient(top, #E9D9F0 0%, #BFAED2 50%, #9389B5 100%);
    background: linear-gradient(to bottom, #E9D9F0 0%, #BFAED2 50%, #9389B5 100%);
}
</style>