#E4D9F2 - #D7CFEB | 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 #E4D9F2 to #D7CFEB

#E4D9F2 #D7CFEB

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

#E4D9F2 - #D7CFEB | 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 #E4D9F2 as 0% and #D7CFEB as 100%.

0.0%	0.0% #E4D9F2	RGB 228 217 242	#E4D9F2
16.7%	16.7% #E1D7F0	RGB 225 215 240	#E1D7F0
33.3%	33.3% #DFD5EF	RGB 223 213 239	#DFD5EF
50.0%	50.0% #DDD4EE	RGB 221 212 238	#DDD4EE
66.7%	66.7% #DBD2ED	RGB 219 210 237	#DBD2ED
83.3%	83.3% #D9D0EC	RGB 217 208 236	#D9D0EC
100.0%	100.0% #D7CFEB	RGB 215 207 235	#D7CFEB

#E4D9F2 #E1D7F0 #DFD5EF #DDD4EE #DBD2ED #D9D0EC #D7CFEB

#E4D9F2 - #D7CFEB

HSV Blend

#E4D9F2 - #D7CFEB | 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 #E4D9F2 as 0% and #D7CFEB as 100%.

0.0%	0.0% #E4D9F2	RGB 228 217 242	#E4D9F2
16.7%	16.7% #E1D7F0	RGB 225 215 240	#E1D7F0
33.3%	33.3% #DFD5EF	RGB 223 213 239	#DFD5EF
50.0%	50.0% #DDD3EE	RGB 221 211 238	#DDD3EE
66.7%	66.7% #DBD2ED	RGB 219 210 237	#DBD2ED
83.3%	83.3% #D9D0EC	RGB 217 208 236	#D9D0EC
100.0%	100.0% #D7CFEB	RGB 215 207 235	#D7CFEB

#E4D9F2 #E1D7F0 #DFD5EF #DDD3EE #DBD2ED #D9D0EC #D7CFEB

#E4D9F2 - #DDD3EE - #D7CFEB

CSS codes

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

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