#E2DFED - #AF88CE | 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 #E2DFED to #AF88CE

#E2DFED #AF88CE

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

#E2DFED - #AF88CE | 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 #E2DFED as 0% and #AF88CE as 100%.

0.0%	0.0% #E2DFED	RGB 226 223 237	#E2DFED
16.7%	16.7% #D9D0E7	RGB 217 208 231	#D9D0E7
33.3%	33.3% #D1C2E2	RGB 209 194 226	#D1C2E2
50.0%	50.0% #C8B3DD	RGB 200 179 221	#C8B3DD
66.7%	66.7% #C0A5D8	RGB 192 165 216	#C0A5D8
83.3%	83.3% #B796D3	RGB 183 150 211	#B796D3
100.0%	100.0% #AF88CE	RGB 175 136 206	#AF88CE

#E2DFED #D9D0E7 #D1C2E2 #C8B3DD #C0A5D8 #B796D3 #AF88CE

#E2DFED - #AF88CE

HSV Blend

#E2DFED - #AF88CE | 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 #E2DFED as 0% and #AF88CE as 100%.

0.0%	0.0% #E2DFED	RGB 226 223 237	#E2DFED
16.7%	16.7% #D5CFE7	RGB 213 207 231	#D5CFE7
33.3%	33.3% #CBC0E2	RGB 203 192 226	#CBC0E2
50.0%	50.0% #C2B1DD	RGB 194 177 221	#C2B1DD
66.7%	66.7% #BAA3D8	RGB 186 163 216	#BAA3D8
83.3%	83.3% #B495D3	RGB 180 149 211	#B495D3
100.0%	100.0% #AF88CE	RGB 175 136 206	#AF88CE

#E2DFED #D5CFE7 #CBC0E2 #C2B1DD #BAA3D8 #B495D3 #AF88CE

#E2DFED - #C2B1DD - #AF88CE

CSS codes

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

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