#D2CFDA - #DCE3DB | 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 #D2CFDA to #DCE3DB

#D2CFDA #DCE3DB

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

#D2CFDA - #DCE3DB | 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 #D2CFDA as 0% and #DCE3DB as 100%.

0.0%	0.0% #D2CFDA	RGB 210 207 218	#D2CFDA
16.7%	16.7% #D3D2DA	RGB 211 210 218	#D3D2DA
33.3%	33.3% #D5D5DA	RGB 213 213 218	#D5D5DA
50.0%	50.0% #D7D9DA	RGB 215 217 218	#D7D9DA
66.7%	66.7% #D8DCDA	RGB 216 220 218	#D8DCDA
83.3%	83.3% #DADFDA	RGB 218 223 218	#DADFDA
100.0%	100.0% #DCE3DB	RGB 220 227 219	#DCE3DB

#D2CFDA #D3D2DA #D5D5DA #D7D9DA #D8DCDA #DADFDA #DCE3DB

#D2CFDA - #DCE3DB

HSV Blend

#D2CFDA - #DCE3DB | 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 #D2CFDA as 0% and #DCE3DB as 100%.

0.0%	0.0% #D2CFDA	RGB 210 207 218	#D2CFDA
16.7%	16.7% #D0D2DB	RGB 208 210 219	#D0D2DB
33.3%	33.3% #D2D8DD	RGB 210 216 221	#D2D8DD
50.0%	50.0% #D4DDDE	RGB 212 221 222	#D4DDDE
66.7%	66.7% #D6E0DD	RGB 214 224 221	#D6E0DD
83.3%	83.3% #D8E1DB	RGB 216 225 219	#D8E1DB
100.0%	100.0% #DCE3DB	RGB 220 227 219	#DCE3DB

#D2CFDA #D0D2DB #D2D8DD #D4DDDE #D6E0DD #D8E1DB #DCE3DB

#D2CFDA - #D4DDDE - #DCE3DB

CSS codes

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

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