#E4D8F7 - #9C7EC1 | 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 #E4D8F7 to #9C7EC1

#E4D8F7 #9C7EC1

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

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

0.0%	0.0% #E4D8F7	RGB 228 216 247	#E4D8F7
16.7%	16.7% #D8C9EE	RGB 216 201 238	#D8C9EE
33.3%	33.3% #CCBAE5	RGB 204 186 229	#CCBAE5
50.0%	50.0% #C0ABDC	RGB 192 171 220	#C0ABDC
66.7%	66.7% #B49CD3	RGB 180 156 211	#B49CD3
83.3%	83.3% #A88DCA	RGB 168 141 202	#A88DCA
100.0%	100.0% #9C7EC1	RGB 156 126 193	#9C7EC1

#E4D8F7 #D8C9EE #CCBAE5 #C0ABDC #B49CD3 #A88DCA #9C7EC1

#E4D8F7 - #9C7EC1

HSV Blend

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

0.0%	0.0% #E4D8F7	RGB 228 216 247	#E4D8F7
16.7%	16.7% #D6C7EE	RGB 214 199 238	#D6C7EE
33.3%	33.3% #C9B7E5	RGB 201 183 229	#C9B7E5
50.0%	50.0% #BDA8DC	RGB 189 168 220	#BDA8DC
66.7%	66.7% #B199D3	RGB 177 153 211	#B199D3
83.3%	83.3% #A68BCA	RGB 166 139 202	#A68BCA
100.0%	100.0% #9C7EC1	RGB 156 126 193	#9C7EC1

#E4D8F7 #D6C7EE #C9B7E5 #BDA8DC #B199D3 #A68BCA #9C7EC1

#E4D8F7 - #BDA8DC - #9C7EC1

CSS codes

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

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