#9D8ADC - #E2DDF5 | 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 #9D8ADC to #E2DDF5

#9D8ADC #E2DDF5

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

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

0.0%	0.0% #9D8ADC	RGB 157 138 220	#9D8ADC
16.7%	16.7% #A897E0	RGB 168 151 224	#A897E0
33.3%	33.3% #B4A5E4	RGB 180 165 228	#B4A5E4
50.0%	50.0% #BFB3E8	RGB 191 179 232	#BFB3E8
66.7%	66.7% #CBC1EC	RGB 203 193 236	#CBC1EC
83.3%	83.3% #D6CFF0	RGB 214 207 240	#D6CFF0
100.0%	100.0% #E2DDF5	RGB 226 221 245	#E2DDF5

#9D8ADC #A897E0 #B4A5E4 #BFB3E8 #CBC1EC #D6CFF0 #E2DDF5

#9D8ADC - #E2DDF5

HSV Blend

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

0.0%	0.0% #9D8ADC	RGB 157 138 220	#9D8ADC
16.7%	16.7% #A796E0	RGB 167 150 224	#A796E0
33.3%	33.3% #B2A4E4	RGB 178 164 228	#B2A4E4
50.0%	50.0% #BDB1E8	RGB 189 177 232	#BDB1E8
66.7%	66.7% #C9BFEC	RGB 201 191 236	#C9BFEC
83.3%	83.3% #D5CEF0	RGB 213 206 240	#D5CEF0
100.0%	100.0% #E2DDF5	RGB 226 221 245	#E2DDF5

#9D8ADC #A796E0 #B2A4E4 #BDB1E8 #C9BFEC #D5CEF0 #E2DDF5

#9D8ADC - #BDB1E8 - #E2DDF5

CSS codes

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

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