#D1CCCE - #DAE5E2 | 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 #D1CCCE to #DAE5E2

#D1CCCE #DAE5E2

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

#D1CCCE - #DAE5E2 | 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 #D1CCCE as 0% and #DAE5E2 as 100%.

0.0%	0.0% #D1CCCE	RGB 209 204 206	#D1CCCE
16.7%	16.7% #D2D0D1	RGB 210 208 209	#D2D0D1
33.3%	33.3% #D4D4D4	RGB 212 212 212	#D4D4D4
50.0%	50.0% #D5D8D8	RGB 213 216 216	#D5D8D8
66.7%	66.7% #D7DCDB	RGB 215 220 219	#D7DCDB
83.3%	83.3% #D8E0DE	RGB 216 224 222	#D8E0DE
100.0%	100.0% #DAE5E2	RGB 218 229 226	#DAE5E2

#D1CCCE #D2D0D1 #D4D4D4 #D5D8D8 #D7DCDB #D8E0DE #DAE5E2

#D1CCCE - #DAE5E2

HSV Blend

#D1CCCE - #DAE5E2 | 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 #D1CCCE as 0% and #DAE5E2 as 100%.

0.0%	0.0% #D1CCCE	RGB 209 204 206	#D1CCCE
16.7%	16.7% #D4CED3	RGB 212 206 211	#D4CED3
33.3%	33.3% #D5D0D7	RGB 213 208 215	#D5D0D7
50.0%	50.0% #D4D3DB	RGB 212 211 219	#D4D3DB
66.7%	66.7% #D5D8DE	RGB 213 216 222	#D5D8DE
83.3%	83.3% #D7DFE1	RGB 215 223 225	#D7DFE1
100.0%	100.0% #DAE5E2	RGB 218 229 226	#DAE5E2

#D1CCCE #D4CED3 #D5D0D7 #D4D3DB #D5D8DE #D7DFE1 #DAE5E2

#D1CCCE - #D4D3DB - #DAE5E2

CSS codes

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

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