#E6D9F9 - #9E7FC4 | 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 #E6D9F9 to #9E7FC4

#E6D9F9 #9E7FC4

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

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

0.0%	0.0% #E6D9F9	RGB 230 217 249	#E6D9F9
16.7%	16.7% #DACAF0	RGB 218 202 240	#DACAF0
33.3%	33.3% #CEBBE7	RGB 206 187 231	#CEBBE7
50.0%	50.0% #C2ACDE	RGB 194 172 222	#C2ACDE
66.7%	66.7% #B69DD5	RGB 182 157 213	#B69DD5
83.3%	83.3% #AA8ECC	RGB 170 142 204	#AA8ECC
100.0%	100.0% #9E7FC4	RGB 158 127 196	#9E7FC4

#E6D9F9 #DACAF0 #CEBBE7 #C2ACDE #B69DD5 #AA8ECC #9E7FC4

#E6D9F9 - #9E7FC4

HSV Blend

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

0.0%	0.0% #E6D9F9	RGB 230 217 249	#E6D9F9
16.7%	16.7% #D8C8F0	RGB 216 200 240	#D8C8F0
33.3%	33.3% #CCB8E7	RGB 204 184 231	#CCB8E7
50.0%	50.0% #BFA9DE	RGB 191 169 222	#BFA9DE
66.7%	66.7% #B49AD5	RGB 180 154 213	#B49AD5
83.3%	83.3% #A88CCC	RGB 168 140 204	#A88CCC
100.0%	100.0% #9E7FC4	RGB 158 127 196	#9E7FC4

#E6D9F9 #D8C8F0 #CCB8E7 #BFA9DE #B49AD5 #A88CCC #9E7FC4

#E6D9F9 - #BFA9DE - #9E7FC4

CSS codes

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

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