#9F8AD5 - #E3DDF3 | 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 #9F8AD5 to #E3DDF3

#9F8AD5 #E3DDF3

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

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

0.0%	0.0% #9F8AD5	RGB 159 138 213	#9F8AD5
16.7%	16.7% #AA97DA	RGB 170 151 218	#AA97DA
33.3%	33.3% #B5A5DF	RGB 181 165 223	#B5A5DF
50.0%	50.0% #C1B3E4	RGB 193 179 228	#C1B3E4
66.7%	66.7% #CCC1E9	RGB 204 193 233	#CCC1E9
83.3%	83.3% #D7CFEE	RGB 215 207 238	#D7CFEE
100.0%	100.0% #E3DDF3	RGB 227 221 243	#E3DDF3

#9F8AD5 #AA97DA #B5A5DF #C1B3E4 #CCC1E9 #D7CFEE #E3DDF3

#9F8AD5 - #E3DDF3

HSV Blend

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

0.0%	0.0% #9E8AD5	RGB 158 138 213	#9E8AD5
16.7%	16.7% #A996DA	RGB 169 150 218	#A996DA
33.3%	33.3% #B4A3DF	RGB 180 163 223	#B4A3DF
50.0%	50.0% #BFB1E4	RGB 191 177 228	#BFB1E4
66.7%	66.7% #CABFE9	RGB 202 191 233	#CABFE9
83.3%	83.3% #D6CEEE	RGB 214 206 238	#D6CEEE
100.0%	100.0% #E3DDF3	RGB 227 221 243	#E3DDF3

#9E8AD5 #A996DA #B4A3DF #BFB1E4 #CABFE9 #D6CEEE #E3DDF3

#9F8AD5 - #BFB1E4 - #E3DDF3

CSS codes

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

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