#D0C8D3 - #DBE5DC | 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 #D0C8D3 to #DBE5DC

#D0C8D3 #DBE5DC

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

#D0C8D3 - #DBE5DC | 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 #D0C8D3 as 0% and #DBE5DC as 100%.

0.0%	0.0% #D0C8D3	RGB 208 200 211	#D0C8D3
16.7%	16.7% #D1CCD4	RGB 209 204 212	#D1CCD4
33.3%	33.3% #D3D1D6	RGB 211 209 214	#D3D1D6
50.0%	50.0% #D5D6D7	RGB 213 214 215	#D5D6D7
66.7%	66.7% #D7DBD9	RGB 215 219 217	#D7DBD9
83.3%	83.3% #D9E0DA	RGB 217 224 218	#D9E0DA
100.0%	100.0% #DBE5DC	RGB 219 229 220	#DBE5DC

#D0C8D3 #D1CCD4 #D3D1D6 #D5D6D7 #D7DBD9 #D9E0DA #DBE5DC

#D0C8D3 - #DBE5DC

HSV Blend

#D0C8D3 - #DBE5DC | 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 #D0C8D3 as 0% and #DBE5DC as 100%.

0.0%	0.0% #D0C8D3	RGB 208 200 211	#D0C8D3
16.7%	16.7% #CECBD6	RGB 206 203 214	#CECBD6
33.3%	33.3% #CECFD9	RGB 206 207 217	#CECFD9
50.0%	50.0% #D1D7DC	RGB 209 215 220	#D1D7DC
66.7%	66.7% #D4DFDE	RGB 212 223 222	#D4DFDE
83.3%	83.3% #D7E2DD	RGB 215 226 221	#D7E2DD
100.0%	100.0% #DBE5DC	RGB 219 229 220	#DBE5DC

#D0C8D3 #CECBD6 #CECFD9 #D1D7DC #D4DFDE #D7E2DD #DBE5DC

#D0C8D3 - #D1D7DC - #DBE5DC

CSS codes

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

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