#E4DDFE - #9F82CC | 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 #E4DDFE to #9F82CC

#E4DDFE #9F82CC

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

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

0.0%	0.0% #E4DDFE	RGB 228 221 254	#E4DDFE
16.7%	16.7% #D8CDF5	RGB 216 205 245	#D8CDF5
33.3%	33.3% #CDBEED	RGB 205 190 237	#CDBEED
50.0%	50.0% #C1AFE5	RGB 193 175 229	#C1AFE5
66.7%	66.7% #B6A0DC	RGB 182 160 220	#B6A0DC
83.3%	83.3% #AA91D4	RGB 170 145 212	#AA91D4
100.0%	100.0% #9F82CC	RGB 159 130 204	#9F82CC

#E4DDFE #D8CDF5 #CDBEED #C1AFE5 #B6A0DC #AA91D4 #9F82CC

#E4DDFE - #9F82CC

HSV Blend

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

0.0%	0.0% #E4DDFE	RGB 228 221 254	#E4DDFE
16.7%	16.7% #D6CCF5	RGB 214 204 245	#D6CCF5
33.3%	33.3% #C9BCED	RGB 201 188 237	#C9BCED
50.0%	50.0% #BDACE5	RGB 189 172 229	#BDACE5
66.7%	66.7% #B29DDC	RGB 178 157 220	#B29DDC
83.3%	83.3% #A88FD4	RGB 168 143 212	#A88FD4
100.0%	100.0% #9F82CC	RGB 159 130 204	#9F82CC

#E4DDFE #D6CCF5 #C9BCED #BDACE5 #B29DDC #A88FD4 #9F82CC

#E4DDFE - #BDACE5 - #9F82CC

CSS codes

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

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