#DCEAF4 - #DBEFE9 | 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 #DCEAF4 to #DBEFE9

#DCEAF4 #DBEFE9

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

#DCEAF4 - #DBEFE9 | 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 #DCEAF4 as 0% and #DBEFE9 as 100%.

0.0%	0.0% #DCEAF4	RGB 220 234 244	#DCEAF4
16.7%	16.7% #DBEAF2	RGB 219 234 242	#DBEAF2
33.3%	33.3% #DBEBF0	RGB 219 235 240	#DBEBF0
50.0%	50.0% #DBECEE	RGB 219 236 238	#DBECEE
66.7%	66.7% #DBEDEC	RGB 219 237 236	#DBEDEC
83.3%	83.3% #DBEEEA	RGB 219 238 234	#DBEEEA
100.0%	100.0% #DBEFE9	RGB 219 239 233	#DBEFE9

#DCEAF4 #DBEAF2 #DBEBF0 #DBECEE #DBEDEC #DBEEEA #DBEFE9

#DCEAF4 - #DBEFE9

HSV Blend

#DCEAF4 - #DBEFE9 | 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 #DCEAF4 as 0% and #DBEFE9 as 100%.

0.0%	0.0% #DCEAF4	RGB 220 234 244	#DCEAF4
16.7%	16.7% #DBECF3	RGB 219 236 243	#DBECF3
33.3%	33.3% #DBEEF2	RGB 219 238 242	#DBEEF2
50.0%	50.0% #DBF0F1	RGB 219 240 241	#DBF0F1
66.7%	66.7% #DBF0EF	RGB 219 240 239	#DBF0EF
83.3%	83.3% #DBEFEC	RGB 219 239 236	#DBEFEC
100.0%	100.0% #DBEFE9	RGB 219 239 233	#DBEFE9

#DCEAF4 #DBECF3 #DBEEF2 #DBF0F1 #DBF0EF #DBEFEC #DBEFE9

#DCEAF4 - #DBF0F1 - #DBEFE9

CSS codes

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

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