#E8DDF3 - #8D80C1 | 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 #E8DDF3 to #8D80C1

#E8DDF3 #8D80C1

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

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

0.0%	0.0% #E8DDF3	RGB 232 221 243	#E8DDF3
16.7%	16.7% #D8CDEA	RGB 216 205 234	#D8CDEA
33.3%	33.3% #C9BEE2	RGB 201 190 226	#C9BEE2
50.0%	50.0% #BAAEDA	RGB 186 174 218	#BAAEDA
66.7%	66.7% #AB9FD1	RGB 171 159 209	#AB9FD1
83.3%	83.3% #9C8FC9	RGB 156 143 201	#9C8FC9
100.0%	100.0% #8D80C1	RGB 141 128 193	#8D80C1

#E8DDF3 #D8CDEA #C9BEE2 #BAAEDA #AB9FD1 #9C8FC9 #8D80C1

#E8DDF3 - #8D80C1

HSV Blend

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

0.0%	0.0% #E8DDF3	RGB 232 221 243	#E8DDF3
16.7%	16.7% #D9CBEA	RGB 217 203 234	#D9CBEA
33.3%	33.3% #CABBE2	RGB 202 187 226	#CABBE2
50.0%	50.0% #BBABDA	RGB 187 171 218	#BBABDA
66.7%	66.7% #AC9CD1	RGB 172 156 209	#AC9CD1
83.3%	83.3% #9C8DC9	RGB 156 141 201	#9C8DC9
100.0%	100.0% #8D80C1	RGB 141 128 193	#8D80C1

#E8DDF3 #D9CBEA #CABBE2 #BBABDA #AC9CD1 #9C8DC9 #8D80C1

#E8DDF3 - #BBABDA - #8D80C1

CSS codes

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

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