#D1E2DC - #FFDCFC | 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 #D1E2DC to #FFDCFC

#D1E2DC #FFDCFC

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

#D1E2DC - #FFDCFC | 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 #D1E2DC as 0% and #FFDCFC as 100%.

0.0%	0.0% #D1E2DC	RGB 209 226 220	#D1E2DC
16.7%	16.7% #D8E1E1	RGB 216 225 225	#D8E1E1
33.3%	33.3% #E0E0E6	RGB 224 224 230	#E0E0E6
50.0%	50.0% #E8DFEC	RGB 232 223 236	#E8DFEC
66.7%	66.7% #EFDEF1	RGB 239 222 241	#EFDEF1
83.3%	83.3% #F7DDF6	RGB 247 221 246	#F7DDF6
100.0%	100.0% #FFDCFC	RGB 255 220 252	#FFDCFC

#D1E2DC #D8E1E1 #E0E0E6 #E8DFEC #EFDEF1 #F7DDF6 #FFDCFC

#D1E2DC - #FFDCFC

HSV Blend

#D1E2DC - #FFDCFC | 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 #D1E2DC as 0% and #FFDCFC as 100%.

0.0%	0.0% #D1E2DC	RGB 209 226 220	#D1E2DC
16.7%	16.7% #D3E5E6	RGB 211 229 230	#D3E5E6
33.3%	33.3% #D5E1EB	RGB 213 225 235	#D5E1EB
50.0%	50.0% #D6DAF0	RGB 214 218 240	#D6DAF0
66.7%	66.7% #E0D8F5	RGB 224 216 245	#E0D8F5
83.3%	83.3% #EFDAFA	RGB 239 218 250	#EFDAFA
100.0%	100.0% #FFDCFC	RGB 255 220 252	#FFDCFC

#D1E2DC #D3E5E6 #D5E1EB #D6DAF0 #E0D8F5 #EFDAFA #FFDCFC

#D1E2DC - #D6DAF0 - #FFDCFC

CSS codes

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

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