#D9D3E7 - #FFE6DC | 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 #D9D3E7 to #FFE6DC

#D9D3E7 #FFE6DC

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

#D9D3E7 - #FFE6DC | 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 #D9D3E7 as 0% and #FFE6DC as 100%.

0.0%	0.0% #D9D3E7	RGB 217 211 231	#D9D3E7
16.7%	16.7% #DFD6E5	RGB 223 214 229	#DFD6E5
33.3%	33.3% #E5D9E3	RGB 229 217 227	#E5D9E3
50.0%	50.0% #ECDCE1	RGB 236 220 225	#ECDCE1
66.7%	66.7% #F2DFDF	RGB 242 223 223	#F2DFDF
83.3%	83.3% #F8E2DD	RGB 248 226 221	#F8E2DD
100.0%	100.0% #FFE6DC	RGB 255 230 220	#FFE6DC

#D9D3E7 #DFD6E5 #E5D9E3 #ECDCE1 #F2DFDF #F8E2DD #FFE6DC

#D9D3E7 - #FFE6DC

HSV Blend

#D9D3E7 - #FFE6DC | 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 #D9D3E7 as 0% and #FFE6DC as 100%.

0.0%	0.0% #D9D3E7	RGB 217 211 231	#D9D3E7
16.7%	16.7% #E2D4EB	RGB 226 212 235	#E2D4EB
33.3%	33.3% #EED6EF	RGB 238 214 239	#EED6EF
50.0%	50.0% #F3D7EB	RGB 243 215 235	#F3D7EB
66.7%	66.7% #F7D9E4	RGB 247 217 228	#F7D9E4
83.3%	83.3% #FBDADC	RGB 251 218 220	#FBDADC
100.0%	100.0% #FFE6DC	RGB 255 230 220	#FFE6DC

#D9D3E7 #E2D4EB #EED6EF #F3D7EB #F7D9E4 #FBDADC #FFE6DC

#D9D3E7 - #F3D7EB - #FFE6DC

CSS codes

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

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