#DFE6EB - #FCF8FF | 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 #DFE6EB to #FCF8FF

#DFE6EB #FCF8FF

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

#DFE6EB - #FCF8FF | 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 #DFE6EB as 0% and #FCF8FF as 100%.

0.0%	0.0% #DFE6EB	RGB 223 230 235	#DFE6EB
16.7%	16.7% #E3E9EE	RGB 227 233 238	#E3E9EE
33.3%	33.3% #E8ECF1	RGB 232 236 241	#E8ECF1
50.0%	50.0% #EDEFF5	RGB 237 239 245	#EDEFF5
66.7%	66.7% #F2F2F8	RGB 242 242 248	#F2F2F8
83.3%	83.3% #F7F5FB	RGB 247 245 251	#F7F5FB
100.0%	100.0% #FCF8FF	RGB 252 248 255	#FCF8FF

#DFE6EB #E3E9EE #E8ECF1 #EDEFF5 #F2F2F8 #F7F5FB #FCF8FF

#DFE6EB - #FCF8FF

HSV Blend

#DFE6EB - #FCF8FF | 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 #DFE6EB as 0% and #FCF8FF as 100%.

0.0%	0.0% #DFE6EB	RGB 223 230 235	#DFE6EB
16.7%	16.7% #E3E7EE	RGB 227 231 238	#E3E7EE
33.3%	33.3% #E7E9F1	RGB 231 233 241	#E7E9F1
50.0%	50.0% #EBEBF5	RGB 235 235 245	#EBEBF5
66.7%	66.7% #F1EFF8	RGB 241 239 248	#F1EFF8
83.3%	83.3% #F6F3FB	RGB 246 243 251	#F6F3FB
100.0%	100.0% #FCF8FF	RGB 252 248 255	#FCF8FF

#DFE6EB #E3E7EE #E7E9F1 #EBEBF5 #F1EFF8 #F6F3FB #FCF8FF

#DFE6EB - #EBEBF5 - #FCF8FF

CSS codes

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

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