#D5CCCD - #DAE2E4 | 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 #D5CCCD to #DAE2E4

#D5CCCD #DAE2E4

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

#D5CCCD - #DAE2E4 | 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 #D5CCCD as 0% and #DAE2E4 as 100%.

0.0%	0.0% #D5CCCD	RGB 213 204 205	#D5CCCD
16.7%	16.7% #D5CFD0	RGB 213 207 208	#D5CFD0
33.3%	33.3% #D6D3D4	RGB 214 211 212	#D6D3D4
50.0%	50.0% #D7D7D8	RGB 215 215 216	#D7D7D8
66.7%	66.7% #D8DADC	RGB 216 218 220	#D8DADC
83.3%	83.3% #D9DEE0	RGB 217 222 224	#D9DEE0
100.0%	100.0% #DAE2E4	RGB 218 226 228	#DAE2E4

#D5CCCD #D5CFD0 #D6D3D4 #D7D7D8 #D8DADC #D9DEE0 #DAE2E4

#D5CCCD - #DAE2E4

HSV Blend

#D5CCCD - #DAE2E4 | 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 #D5CCCD as 0% and #DAE2E4 as 100%.

0.0%	0.0% #D5CCCD	RGB 213 204 205	#D5CCCD
16.7%	16.7% #D7CED3	RGB 215 206 211	#D7CED3
33.3%	33.3% #D9D0DA	RGB 217 208 218	#D9D0DA
50.0%	50.0% #D8D3DC	RGB 216 211 220	#D8D3DC
66.7%	66.7% #D6D5DF	RGB 214 213 223	#D6D5DF
83.3%	83.3% #D7DBE1	RGB 215 219 225	#D7DBE1
100.0%	100.0% #DAE2E4	RGB 218 226 228	#DAE2E4

#D5CCCD #D7CED3 #D9D0DA #D8D3DC #D6D5DF #D7DBE1 #DAE2E4

#D5CCCD - #D8D3DC - #DAE2E4

CSS codes

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

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