#DBE8EC - #FEFCFF | 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 #DBE8EC to #FEFCFF

#DBE8EC #FEFCFF

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

#DBE8EC - #FEFCFF | 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 #DBE8EC as 0% and #FEFCFF as 100%.

0.0%	0.0% #DBE8EC	RGB 219 232 236	#DBE8EC
16.7%	16.7% #E0EBEF	RGB 224 235 239	#E0EBEF
33.3%	33.3% #E6EEF2	RGB 230 238 242	#E6EEF2
50.0%	50.0% #ECF2F5	RGB 236 242 245	#ECF2F5
66.7%	66.7% #F2F5F8	RGB 242 245 248	#F2F5F8
83.3%	83.3% #F8F8FB	RGB 248 248 251	#F8F8FB
100.0%	100.0% #FEFCFF	RGB 254 252 255	#FEFCFF

#DBE8EC #E0EBEF #E6EEF2 #ECF2F5 #F2F5F8 #F8F8FB #FEFCFF

#DBE8EC - #FEFCFF

HSV Blend

#DBE8EC - #FEFCFF | 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 #DBE8EC as 0% and #FEFCFF as 100%.

0.0%	0.0% #DBE8EC	RGB 219 232 236	#DBE8EC
16.7%	16.7% #E0E8EF	RGB 224 232 239	#E0E8EF
33.3%	33.3% #E5E9F2	RGB 229 233 242	#E5E9F2
50.0%	50.0% #EBEBF5	RGB 235 235 245	#EBEBF5
66.7%	66.7% #F2F0F8	RGB 242 240 248	#F2F0F8
83.3%	83.3% #F8F6FB	RGB 248 246 251	#F8F6FB
100.0%	100.0% #FEFCFF	RGB 254 252 255	#FEFCFF

#DBE8EC #E0E8EF #E5E9F2 #EBEBF5 #F2F0F8 #F8F6FB #FEFCFF

#DBE8EC - #EBEBF5 - #FEFCFF

CSS codes

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

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