#E8DFED - #AA8CB2 | 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 #E8DFED to #AA8CB2

#E8DFED #AA8CB2

Calculate the color between two colors, #E8DFED and #AA8CB2. 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)

#E8DFED - #AA8CB2 | 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 #E8DFED as 0% and #AA8CB2 as 100%.

0.0%	0.0% #E8DFED	RGB 232 223 237	#E8DFED
16.7%	16.7% #DDD1E3	RGB 221 209 227	#DDD1E3
33.3%	33.3% #D3C3D9	RGB 211 195 217	#D3C3D9
50.0%	50.0% #C9B5CF	RGB 201 181 207	#C9B5CF
66.7%	66.7% #BEA7C5	RGB 190 167 197	#BEA7C5
83.3%	83.3% #B499BB	RGB 180 153 187	#B499BB
100.0%	100.0% #AA8CB2	RGB 170 140 178	#AA8CB2

#E8DFED #DDD1E3 #D3C3D9 #C9B5CF #BEA7C5 #B499BB #AA8CB2

#E8DFED - #AA8CB2

HSV Blend

#E8DFED - #AA8CB2 | 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 #E8DFED as 0% and #AA8CB2 as 100%.

0.0%	0.0% #E8DFED	RGB 232 223 237	#E8DFED
16.7%	16.7% #DCCFE3	RGB 220 207 227	#DCCFE3
33.3%	33.3% #D1C1D9	RGB 209 193 217	#D1C1D9
50.0%	50.0% #C7B3CF	RGB 199 179 207	#C7B3CF
66.7%	66.7% #BDA5C5	RGB 189 165 197	#BDA5C5
83.3%	83.3% #B398BB	RGB 179 152 187	#B398BB
100.0%	100.0% #AA8CB2	RGB 170 140 178	#AA8CB2

#E8DFED #DCCFE3 #D1C1D9 #C7B3CF #BDA5C5 #B398BB #AA8CB2

#E8DFED - #C7B3CF - #AA8CB2

CSS codes

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

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