#DBDFF8 - #DCEAF3 | 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 #DBDFF8 to #DCEAF3

#DBDFF8 #DCEAF3

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

#DBDFF8 - #DCEAF3 | 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 #DBDFF8 as 0% and #DCEAF3 as 100%.

0.0%	0.0% #DBDFF8	RGB 219 223 248	#DBDFF8
16.7%	16.7% #DBE0F7	RGB 219 224 247	#DBE0F7
33.3%	33.3% #DBE2F6	RGB 219 226 246	#DBE2F6
50.0%	50.0% #DBE4F5	RGB 219 228 245	#DBE4F5
66.7%	66.7% #DBE6F4	RGB 219 230 244	#DBE6F4
83.3%	83.3% #DBE8F3	RGB 219 232 243	#DBE8F3
100.0%	100.0% #DCEAF3	RGB 220 234 243	#DCEAF3

#DBDFF8 #DBE0F7 #DBE2F6 #DBE4F5 #DBE6F4 #DBE8F3 #DCEAF3

#DBDFF8 - #DCEAF3

HSV Blend

#DBDFF8 - #DCEAF3 | 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 #DBDFF8 as 0% and #DCEAF3 as 100%.

0.0%	0.0% #DBDFF8	RGB 219 223 248	#DBDFF8
16.7%	16.7% #DBE1F7	RGB 219 225 247	#DBE1F7
33.3%	33.3% #DBE3F6	RGB 219 227 246	#DBE3F6
50.0%	50.0% #DBE5F5	RGB 219 229 245	#DBE5F5
66.7%	66.7% #DBE6F4	RGB 219 230 244	#DBE6F4
83.3%	83.3% #DBE8F3	RGB 219 232 243	#DBE8F3
100.0%	100.0% #DCEAF3	RGB 220 234 243	#DCEAF3

#DBDFF8 #DBE1F7 #DBE3F6 #DBE5F5 #DBE6F4 #DBE8F3 #DCEAF3

#DBDFF8 - #DBE5F5 - #DCEAF3

CSS codes

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

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