#E4D2FF - #9A72CE | 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 #E4D2FF to #9A72CE

#E4D2FF #9A72CE

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

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

0.0%	0.0% #E4D2FF	RGB 228 210 255	#E4D2FF
16.7%	16.7% #D7C2F6	RGB 215 194 246	#D7C2F6
33.3%	33.3% #CBB2EE	RGB 203 178 238	#CBB2EE
50.0%	50.0% #BFA2E6	RGB 191 162 230	#BFA2E6
66.7%	66.7% #B292DE	RGB 178 146 222	#B292DE
83.3%	83.3% #A682D6	RGB 166 130 214	#A682D6
100.0%	100.0% #9A72CE	RGB 154 114 206	#9A72CE

#E4D2FF #D7C2F6 #CBB2EE #BFA2E6 #B292DE #A682D6 #9A72CE

#E4D2FF - #9A72CE

HSV Blend

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

0.0%	0.0% #E4D2FF	RGB 228 210 255	#E4D2FF
16.7%	16.7% #D6C0F6	RGB 214 192 246	#D6C0F6
33.3%	33.3% #C9AFEE	RGB 201 175 238	#C9AFEE
50.0%	50.0% #BC9EE6	RGB 188 158 230	#BC9EE6
66.7%	66.7% #B08FDE	RGB 176 143 222	#B08FDE
83.3%	83.3% #A580D6	RGB 165 128 214	#A580D6
100.0%	100.0% #9A72CE	RGB 154 114 206	#9A72CE

#E4D2FF #D6C0F6 #C9AFEE #BC9EE6 #B08FDE #A580D6 #9A72CE

#E4D2FF - #BC9EE6 - #9A72CE

CSS codes

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

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