#DBE1EB - #FAF2FF | 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 #DBE1EB to #FAF2FF

#DBE1EB #FAF2FF

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

#DBE1EB - #FAF2FF | 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 #DBE1EB as 0% and #FAF2FF as 100%.

0.0%	0.0% #DBE1EB	RGB 219 225 235	#DBE1EB
16.7%	16.7% #E0E3EE	RGB 224 227 238	#E0E3EE
33.3%	33.3% #E5E6F1	RGB 229 230 241	#E5E6F1
50.0%	50.0% #EAE9F5	RGB 234 233 245	#EAE9F5
66.7%	66.7% #EFECF8	RGB 239 236 248	#EFECF8
83.3%	83.3% #F4EFFB	RGB 244 239 251	#F4EFFB
100.0%	100.0% #FAF2FF	RGB 250 242 255	#FAF2FF

#DBE1EB #E0E3EE #E5E6F1 #EAE9F5 #EFECF8 #F4EFFB #FAF2FF

#DBE1EB - #FAF2FF

HSV Blend

#DBE1EB - #FAF2FF | 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 #DBE1EB as 0% and #FAF2FF as 100%.

0.0%	0.0% #DBE1EB	RGB 219 225 235	#DBE1EB
16.7%	16.7% #DEE2EE	RGB 222 226 238	#DEE2EE
33.3%	33.3% #E2E3F1	RGB 226 227 241	#E2E3F1
50.0%	50.0% #E8E6F5	RGB 232 230 245	#E8E6F5
66.7%	66.7% #EEEAF8	RGB 238 234 248	#EEEAF8
83.3%	83.3% #F4EEFB	RGB 244 238 251	#F4EEFB
100.0%	100.0% #FAF2FF	RGB 250 242 255	#FAF2FF

#DBE1EB #DEE2EE #E2E3F1 #E8E6F5 #EEEAF8 #F4EEFB #FAF2FF

#DBE1EB - #E8E6F5 - #FAF2FF

CSS codes

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

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