#DFD9F2 - #D9D2EC | 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 #DFD9F2 to #D9D2EC

#DFD9F2 #D9D2EC

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

#DFD9F2 - #D9D2EC | 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 #DFD9F2 as 0% and #D9D2EC as 100%.

0.0%	0.0% #DFD9F2	RGB 223 217 242	#DFD9F2
16.7%	16.7% #DED7F1	RGB 222 215 241	#DED7F1
33.3%	33.3% #DDD6F0	RGB 221 214 240	#DDD6F0
50.0%	50.0% #DCD5EF	RGB 220 213 239	#DCD5EF
66.7%	66.7% #DBD4EE	RGB 219 212 238	#DBD4EE
83.3%	83.3% #DAD3ED	RGB 218 211 237	#DAD3ED
100.0%	100.0% #D9D2EC	RGB 217 210 236	#D9D2EC

#DFD9F2 #DED7F1 #DDD6F0 #DCD5EF #DBD4EE #DAD3ED #D9D2EC

#DFD9F2 - #D9D2EC

HSV Blend

#DFD9F2 - #D9D2EC | 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 #DFD9F2 as 0% and #D9D2EC as 100%.

0.0%	0.0% #DFD9F2	RGB 223 217 242	#DFD9F2
16.7%	16.7% #DDD7F1	RGB 221 215 241	#DDD7F1
33.3%	33.3% #DCD6F0	RGB 220 214 240	#DCD6F0
50.0%	50.0% #DBD5EF	RGB 219 213 239	#DBD5EF
66.7%	66.7% #DAD4EE	RGB 218 212 238	#DAD4EE
83.3%	83.3% #D9D3ED	RGB 217 211 237	#D9D3ED
100.0%	100.0% #D9D2EC	RGB 217 210 236	#D9D2EC

#DFD9F2 #DDD7F1 #DCD6F0 #DBD5EF #DAD4EE #D9D3ED #D9D2EC

#DFD9F2 - #DBD5EF - #D9D2EC

CSS codes

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

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