#E6DAFF - #9F7ECE | 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 #E6DAFF to #9F7ECE

#E6DAFF #9F7ECE

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

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

0.0%	0.0% #E6DAFF	RGB 230 218 255	#E6DAFF
16.7%	16.7% #DACAF6	RGB 218 202 246	#DACAF6
33.3%	33.3% #CEBBEE	RGB 206 187 238	#CEBBEE
50.0%	50.0% #C2ACE6	RGB 194 172 230	#C2ACE6
66.7%	66.7% #B69CDE	RGB 182 156 222	#B69CDE
83.3%	83.3% #AA8DD6	RGB 170 141 214	#AA8DD6
100.0%	100.0% #9F7ECE	RGB 159 126 206	#9F7ECE

#E6DAFF #DACAF6 #CEBBEE #C2ACE6 #B69CDE #AA8DD6 #9F7ECE

#E6DAFF - #9F7ECE

HSV Blend

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

0.0%	0.0% #E6DAFF	RGB 230 218 255	#E6DAFF
16.7%	16.7% #D8C9F6	RGB 216 201 246	#D8C9F6
33.3%	33.3% #CBB8EE	RGB 203 184 238	#CBB8EE
50.0%	50.0% #BFA9E6	RGB 191 169 230	#BFA9E6
66.7%	66.7% #B49ADE	RGB 180 154 222	#B49ADE
83.3%	83.3% #A98BD6	RGB 169 139 214	#A98BD6
100.0%	100.0% #9F7ECE	RGB 159 126 206	#9F7ECE

#E6DAFF #D8C9F6 #CBB8EE #BFA9E6 #B49ADE #A98BD6 #9F7ECE

#E6DAFF - #BFA9E6 - #9F7ECE

CSS codes

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

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