#DBE6EC - #FBF6FF | 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 #DBE6EC to #FBF6FF

#DBE6EC #FBF6FF

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

#DBE6EC - #FBF6FF | 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 #DBE6EC as 0% and #FBF6FF as 100%.

0.0%	0.0% #DBE6EC	RGB 219 230 236	#DBE6EC
16.7%	16.7% #E0E8EF	RGB 224 232 239	#E0E8EF
33.3%	33.3% #E5EBF2	RGB 229 235 242	#E5EBF2
50.0%	50.0% #EBEEF5	RGB 235 238 245	#EBEEF5
66.7%	66.7% #F0F0F8	RGB 240 240 248	#F0F0F8
83.3%	83.3% #F5F3FB	RGB 245 243 251	#F5F3FB
100.0%	100.0% #FBF6FF	RGB 251 246 255	#FBF6FF

#DBE6EC #E0E8EF #E5EBF2 #EBEEF5 #F0F0F8 #F5F3FB #FBF6FF

#DBE6EC - #FBF6FF

HSV Blend

#DBE6EC - #FBF6FF | 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 #DBE6EC as 0% and #FBF6FF as 100%.

0.0%	0.0% #DBE6EC	RGB 219 230 236	#DBE6EC
16.7%	16.7% #DFE6EF	RGB 223 230 239	#DFE6EF
33.3%	33.3% #E3E7F2	RGB 227 231 242	#E3E7F2
50.0%	50.0% #E8E8F5	RGB 232 232 245	#E8E8F5
66.7%	66.7% #EEECF8	RGB 238 236 248	#EEECF8
83.3%	83.3% #F5F1FB	RGB 245 241 251	#F5F1FB
100.0%	100.0% #FBF6FF	RGB 251 246 255	#FBF6FF

#DBE6EC #DFE6EF #E3E7F2 #E8E8F5 #EEECF8 #F5F1FB #FBF6FF

#DBE6EC - #E8E8F5 - #FBF6FF

CSS codes

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

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