#E6DDEF - #DEE0ED | 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 #E6DDEF to #DEE0ED

#E6DDEF #DEE0ED

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

#E6DDEF - #DEE0ED | 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 #E6DDEF as 0% and #DEE0ED as 100%.

0.0%	0.0% #E6DDEF	RGB 230 221 239	#E6DDEF
16.7%	16.7% #E4DDEE	RGB 228 221 238	#E4DDEE
33.3%	33.3% #E3DEEE	RGB 227 222 238	#E3DEEE
50.0%	50.0% #E2DEEE	RGB 226 222 238	#E2DEEE
66.7%	66.7% #E0DFED	RGB 224 223 237	#E0DFED
83.3%	83.3% #DFDFED	RGB 223 223 237	#DFDFED
100.0%	100.0% #DEE0ED	RGB 222 224 237	#DEE0ED

#E6DDEF #E4DDEE #E3DEEE #E2DEEE #E0DFED #DFDFED #DEE0ED

#E6DDEF - #DEE0ED

HSV Blend

#E6DDEF - #DEE0ED | 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 #E6DDEF as 0% and #DEE0ED as 100%.

0.0%	0.0% #E6DDEF	RGB 230 221 239	#E6DDEF
16.7%	16.7% #E4DDEE	RGB 228 221 238	#E4DDEE
33.3%	33.3% #E2DDEE	RGB 226 221 238	#E2DDEE
50.0%	50.0% #E0DDEE	RGB 224 221 238	#E0DDEE
66.7%	66.7% #DEDDED	RGB 222 221 237	#DEDDED
83.3%	83.3% #DDDEED	RGB 221 222 237	#DDDEED
100.0%	100.0% #DEE0ED	RGB 222 224 237	#DEE0ED

#E6DDEF #E4DDEE #E2DDEE #E0DDEE #DEDDED #DDDEED #DEE0ED

#E6DDEF - #E0DDEE - #DEE0ED

CSS codes

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

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