#D2D5CC - #D0E2FF | 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 #D2D5CC to #D0E2FF

#D2D5CC #D0E2FF

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

#D2D5CC - #D0E2FF | 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 #D2D5CC as 0% and #D0E2FF as 100%.

0.0%	0.0% #D2D5CC	RGB 210 213 204	#D2D5CC
16.7%	16.7% #D1D7D4	RGB 209 215 212	#D1D7D4
33.3%	33.3% #D1D9DD	RGB 209 217 221	#D1D9DD
50.0%	50.0% #D1DBE5	RGB 209 219 229	#D1DBE5
66.7%	66.7% #D0DDEE	RGB 208 221 238	#D0DDEE
83.3%	83.3% #D0DFF6	RGB 208 223 246	#D0DFF6
100.0%	100.0% #D0E2FF	RGB 208 226 255	#D0E2FF

#D2D5CC #D1D7D4 #D1D9DD #D1DBE5 #D0DDEE #D0DFF6 #D0E2FF

#D2D5CC - #D0E2FF

HSV Blend

#D2D5CC - #D0E2FF | 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 #D2D5CC as 0% and #D0E2FF as 100%.

0.0%	0.0% #D2D5CC	RGB 210 213 204	#D2D5CC
16.7%	16.7% #D1DCCD	RGB 209 220 205	#D1DCCD
33.3%	33.3% #CEE3D0	RGB 206 227 208	#CEE3D0
50.0%	50.0% #CFEADC	RGB 207 234 220	#CFEADC
66.7%	66.7% #CFF1EC	RGB 207 241 236	#CFF1EC
83.3%	83.3% #D0EEF8	RGB 208 238 248	#D0EEF8
100.0%	100.0% #D0E2FF	RGB 208 226 255	#D0E2FF

#D2D5CC #D1DCCD #CEE3D0 #CFEADC #CFF1EC #D0EEF8 #D0E2FF

#D2D5CC - #CFEADC - #D0E2FF

CSS codes

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

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