#E0DBFF - #9A7ECE | 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 #E0DBFF to #9A7ECE

#E0DBFF #9A7ECE

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

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

0.0%	0.0% #E0DBFF	RGB 224 219 255	#E0DBFF
16.7%	16.7% #D4CBF6	RGB 212 203 246	#D4CBF6
33.3%	33.3% #C8BCEE	RGB 200 188 238	#C8BCEE
50.0%	50.0% #BDACE6	RGB 189 172 230	#BDACE6
66.7%	66.7% #B19DDE	RGB 177 157 222	#B19DDE
83.3%	83.3% #A58DD6	RGB 165 141 214	#A58DD6
100.0%	100.0% #9A7ECE	RGB 154 126 206	#9A7ECE

#E0DBFF #D4CBF6 #C8BCEE #BDACE6 #B19DDE #A58DD6 #9A7ECE

#E0DBFF - #9A7ECE

HSV Blend

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

0.0%	0.0% #E0DBFF	RGB 224 219 255	#E0DBFF
16.7%	16.7% #D1C9F6	RGB 209 201 246	#D1C9F6
33.3%	33.3% #C4B9EE	RGB 196 185 238	#C4B9EE
50.0%	50.0% #B8A9E6	RGB 184 169 230	#B8A9E6
66.7%	66.7% #AD9ADE	RGB 173 154 222	#AD9ADE
83.3%	83.3% #A38BD6	RGB 163 139 214	#A38BD6
100.0%	100.0% #9A7ECE	RGB 154 126 206	#9A7ECE

#E0DBFF #D1C9F6 #C4B9EE #B8A9E6 #AD9ADE #A38BD6 #9A7ECE

#E0DBFF - #B8A9E6 - #9A7ECE

CSS codes

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

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