#D3CFD4 - #DDD4ED | 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 #D3CFD4 to #DDD4ED

#D3CFD4 #DDD4ED

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

#D3CFD4 - #DDD4ED | 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 #D3CFD4 as 0% and #DDD4ED as 100%.

0.0%	0.0% #D3CFD4	RGB 211 207 212	#D3CFD4
16.7%	16.7% #D4CFD8	RGB 212 207 216	#D4CFD8
33.3%	33.3% #D6D0DC	RGB 214 208 220	#D6D0DC
50.0%	50.0% #D8D1E0	RGB 216 209 224	#D8D1E0
66.7%	66.7% #D9D2E4	RGB 217 210 228	#D9D2E4
83.3%	83.3% #DBD3E8	RGB 219 211 232	#DBD3E8
100.0%	100.0% #DDD4ED	RGB 221 212 237	#DDD4ED

#D3CFD4 #D4CFD8 #D6D0DC #D8D1E0 #D9D2E4 #DBD3E8 #DDD4ED

#D3CFD4 - #DDD4ED

HSV Blend

#D3CFD4 - #DDD4ED | 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 #D3CFD4 as 0% and #DDD4ED as 100%.

0.0%	0.0% #D3CFD4	RGB 211 207 212	#D3CFD4
16.7%	16.7% #D5D0D8	RGB 213 208 216	#D5D0D8
33.3%	33.3% #D8D1DC	RGB 216 209 220	#D8D1DC
50.0%	50.0% #DAD2E0	RGB 218 210 224	#DAD2E0
66.7%	66.7% #DBD2E4	RGB 219 210 228	#DBD2E4
83.3%	83.3% #DCD3E8	RGB 220 211 232	#DCD3E8
100.0%	100.0% #DDD4ED	RGB 221 212 237	#DDD4ED

#D3CFD4 #D5D0D8 #D8D1DC #DAD2E0 #DBD2E4 #DCD3E8 #DDD4ED

#D3CFD4 - #DAD2E0 - #DDD4ED

CSS codes

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

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