#E2DEE5 - #9287AC | 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 #E2DEE5 to #9287AC

#E2DEE5 #9287AC

Calculate the color between two colors, #E2DEE5 and #9287AC. 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)

#E2DEE5 - #9287AC | 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 #E2DEE5 as 0% and #9287AC as 100%.

0.0%	0.0% #E2DEE5	RGB 226 222 229	#E2DEE5
16.7%	16.7% #D4CFDB	RGB 212 207 219	#D4CFDB
33.3%	33.3% #C7C1D2	RGB 199 193 210	#C7C1D2
50.0%	50.0% #BAB2C8	RGB 186 178 200	#BAB2C8
66.7%	66.7% #ACA4BF	RGB 172 164 191	#ACA4BF
83.3%	83.3% #9F95B5	RGB 159 149 181	#9F95B5
100.0%	100.0% #9287AC	RGB 146 135 172	#9287AC

#E2DEE5 #D4CFDB #C7C1D2 #BAB2C8 #ACA4BF #9F95B5 #9287AC

#E2DEE5 - #9287AC

HSV Blend

#E2DEE5 - #9287AC | 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 #E2DEE5 as 0% and #9287AC as 100%.

0.0%	0.0% #E2DEE5	RGB 226 222 229	#E2DEE5
16.7%	16.7% #D5CEDB	RGB 213 206 219	#D5CEDB
33.3%	33.3% #C7BED2	RGB 199 190 210	#C7BED2
50.0%	50.0% #BAAFC8	RGB 186 175 200	#BAAFC8
66.7%	66.7% #ADA1BF	RGB 173 161 191	#ADA1BF
83.3%	83.3% #9F94B5	RGB 159 148 181	#9F94B5
100.0%	100.0% #9287AC	RGB 146 135 172	#9287AC

#E2DEE5 #D5CEDB #C7BED2 #BAAFC8 #ADA1BF #9F94B5 #9287AC

#E2DEE5 - #BAAFC8 - #9287AC

CSS codes

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

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