#DAEBFC - #FEFFFC | 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 #DAEBFC to #FEFFFC

#DAEBFC #FEFFFC

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

#DAEBFC - #FEFFFC | 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 #DAEBFC as 0% and #FEFFFC as 100%.

0.0%	0.0% #DAEBFC	RGB 218 235 252	#DAEBFC
16.7%	16.7% #E0EEFC	RGB 224 238 252	#E0EEFC
33.3%	33.3% #E6F1FC	RGB 230 241 252	#E6F1FC
50.0%	50.0% #ECF5FC	RGB 236 245 252	#ECF5FC
66.7%	66.7% #F2F8FC	RGB 242 248 252	#F2F8FC
83.3%	83.3% #F8FBFC	RGB 248 251 252	#F8FBFC
100.0%	100.0% #FEFFFC	RGB 254 255 252	#FEFFFC

#DAEBFC #E0EEFC #E6F1FC #ECF5FC #F2F8FC #F8FBFC #FEFFFC

#DAEBFC - #FEFFFC

HSV Blend

#DAEBFC - #FEFFFC | 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 #DAEBFC as 0% and #FEFFFC as 100%.

0.0%	0.0% #DAEBFC	RGB 218 235 252	#DAEBFC
16.7%	16.7% #DFF8FC	RGB 223 248 252	#DFF8FC
33.3%	33.3% #E5FDF7	RGB 229 253 247	#E5FDF7
50.0%	50.0% #EAFDF2	RGB 234 253 242	#EAFDF2
66.7%	66.7% #F0FEF1	RGB 240 254 241	#F0FEF1
83.3%	83.3% #F8FEF6	RGB 248 254 246	#F8FEF6
100.0%	100.0% #FEFFFC	RGB 254 255 252	#FEFFFC

#DAEBFC #DFF8FC #E5FDF7 #EAFDF2 #F0FEF1 #F8FEF6 #FEFFFC

#DAEBFC - #EAFDF2 - #FEFFFC

CSS codes

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

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