#E3DFEF - #9C7CC3 | 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 #E3DFEF to #9C7CC3

#E3DFEF #9C7CC3

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

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

0.0%	0.0% #E3DFEF	RGB 227 223 239	#E3DFEF
16.7%	16.7% #D7CEE7	RGB 215 206 231	#D7CEE7
33.3%	33.3% #CBBEE0	RGB 203 190 224	#CBBEE0
50.0%	50.0% #BFADD9	RGB 191 173 217	#BFADD9
66.7%	66.7% #B39DD1	RGB 179 157 209	#B39DD1
83.3%	83.3% #A78CCA	RGB 167 140 202	#A78CCA
100.0%	100.0% #9C7CC3	RGB 156 124 195	#9C7CC3

#E3DFEF #D7CEE7 #CBBEE0 #BFADD9 #B39DD1 #A78CCA #9C7CC3

#E3DFEF - #9C7CC3

HSV Blend

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

0.0%	0.0% #E3DFEF	RGB 227 223 239	#E3DFEF
16.7%	16.7% #D4CCE7	RGB 212 204 231	#D4CCE7
33.3%	33.3% #C6BBE0	RGB 198 187 224	#C6BBE0
50.0%	50.0% #BAAAD9	RGB 186 170 217	#BAAAD9
66.7%	66.7% #AF9AD1	RGB 175 154 209	#AF9AD1
83.3%	83.3% #A58ACA	RGB 165 138 202	#A58ACA
100.0%	100.0% #9C7CC3	RGB 156 124 195	#9C7CC3

#E3DFEF #D4CCE7 #C6BBE0 #BAAAD9 #AF9AD1 #A58ACA #9C7CC3

#E3DFEF - #BAAAD9 - #9C7CC3

CSS codes

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

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