#E2DFF7 - #918AC7 | 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 #E2DFF7 to #918AC7

#E2DFF7 #918AC7

Calculate the color between two colors, #E2DFF7 and #918AC7. 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)

#E2DFF7 - #918AC7 | 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 #E2DFF7 as 0% and #918AC7 as 100%.

0.0%	0.0% #E2DFF7	RGB 226 223 247	#E2DFF7
16.7%	16.7% #D4D0EF	RGB 212 208 239	#D4D0EF
33.3%	33.3% #C7C2E7	RGB 199 194 231	#C7C2E7
50.0%	50.0% #B9B4DF	RGB 185 180 223	#B9B4DF
66.7%	66.7% #ACA6D7	RGB 172 166 215	#ACA6D7
83.3%	83.3% #9E98CF	RGB 158 152 207	#9E98CF
100.0%	100.0% #918AC7	RGB 145 138 199	#918AC7

#E2DFF7 #D4D0EF #C7C2E7 #B9B4DF #ACA6D7 #9E98CF #918AC7

#E2DFF7 - #918AC7

HSV Blend

#E2DFF7 - #918AC7 | 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 #E2DFF7 as 0% and #918AC7 as 100%.

0.0%	0.0% #E2DFF7	RGB 226 223 247	#E2DFF7
16.7%	16.7% #D3CFEF	RGB 211 207 239	#D3CFEF
33.3%	33.3% #C5C0E7	RGB 197 192 231	#C5C0E7
50.0%	50.0% #B7B1DF	RGB 183 177 223	#B7B1DF
66.7%	66.7% #AAA4D7	RGB 170 164 215	#AAA4D7
83.3%	83.3% #9D96CF	RGB 157 150 207	#9D96CF
100.0%	100.0% #918AC7	RGB 145 138 199	#918AC7

#E2DFF7 #D3CFEF #C5C0E7 #B7B1DF #AAA4D7 #9D96CF #918AC7

#E2DFF7 - #B7B1DF - #918AC7

CSS codes

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

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