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

#D4CCCD #DAE2E4

Calculate the color between two colors, #D4CCCD 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)

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

0.0%	0.0% #D4CCCD	RGB 212 204 205	#D4CCCD
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

#D4CCCD #D5CFD0 #D6D3D4 #D7D7D8 #D8DADC #D9DEE0 #DAE2E4

#D4CCCD - #DAE2E4

HSV Blend

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

0.0%	0.0% #D4CCCD	RGB 212 204 205	#D4CCCD
16.7%	16.7% #D6CED3	RGB 214 206 211	#D6CED3
33.3%	33.3% #D9D0D9	RGB 217 208 217	#D9D0D9
50.0%	50.0% #D7D3DC	RGB 215 211 220	#D7D3DC
66.7%	66.7% #D6D5DE	RGB 214 213 222	#D6D5DE
83.3%	83.3% #D7DBE1	RGB 215 219 225	#D7DBE1
100.0%	100.0% #DAE2E4	RGB 218 226 228	#DAE2E4

#D4CCCD #D6CED3 #D9D0D9 #D7D3DC #D6D5DE #D7DBE1 #DAE2E4

#D4CCCD - #D7D3DC - #DAE2E4

CSS codes

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

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