#E7D4FC - #8F73CF | 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 #E7D4FC to #8F73CF

#E7D4FC #8F73CF

Calculate the color between two colors, #E7D4FC and #8F73CF. 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)

#E7D4FC - #8F73CF | 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 #E7D4FC as 0% and #8F73CF as 100%.

0.0%	0.0% #E7D4FC	RGB 231 212 252	#E7D4FC
16.7%	16.7% #D8C3F4	RGB 216 195 244	#D8C3F4
33.3%	33.3% #C9B3ED	RGB 201 179 237	#C9B3ED
50.0%	50.0% #BBA3E5	RGB 187 163 229	#BBA3E5
66.7%	66.7% #AC93DE	RGB 172 147 222	#AC93DE
83.3%	83.3% #9D83D6	RGB 157 131 214	#9D83D6
100.0%	100.0% #8F73CF	RGB 143 115 207	#8F73CF

#E7D4FC #D8C3F4 #C9B3ED #BBA3E5 #AC93DE #9D83D6 #8F73CF

#E7D4FC - #8F73CF

HSV Blend

#E7D4FC - #8F73CF | 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 #E7D4FC as 0% and #8F73CF as 100%.

0.0%	0.0% #E7D4FC	RGB 231 212 252	#E7D4FC
16.7%	16.7% #D8C2F4	RGB 216 194 244	#D8C2F4
33.3%	33.3% #C9B0ED	RGB 201 176 237	#C9B0ED
50.0%	50.0% #BBA0E5	RGB 187 160 229	#BBA0E5
66.7%	66.7% #AC90DE	RGB 172 144 222	#AC90DE
83.3%	83.3% #9D81D6	RGB 157 129 214	#9D81D6
100.0%	100.0% #8F73CF	RGB 143 115 207	#8F73CF

#E7D4FC #D8C2F4 #C9B0ED #BBA0E5 #AC90DE #9D81D6 #8F73CF

#E7D4FC - #BBA0E5 - #8F73CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E7D4FC 0%, #BBA0E5 50%, #8F73CF 100%);
    background: -webkit-linear-gradient(top, #E7D4FC 0%, #BBA0E5 50%, #8F73CF 100%);
    background: linear-gradient(to bottom, #E7D4FC 0%, #BBA0E5 50%, #8F73CF 100%);
}
</style>