#DAEBF2 - #FDFCFF | 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 #DAEBF2 to #FDFCFF

#DAEBF2 #FDFCFF

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

#DAEBF2 - #FDFCFF | 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 #DAEBF2 as 0% and #FDFCFF as 100%.

0.0%	0.0% #DAEBF2	RGB 218 235 242	#DAEBF2
16.7%	16.7% #DFEDF4	RGB 223 237 244	#DFEDF4
33.3%	33.3% #E5F0F6	RGB 229 240 246	#E5F0F6
50.0%	50.0% #EBF3F8	RGB 235 243 248	#EBF3F8
66.7%	66.7% #F1F6FA	RGB 241 246 250	#F1F6FA
83.3%	83.3% #F7F9FC	RGB 247 249 252	#F7F9FC
100.0%	100.0% #FDFCFF	RGB 253 252 255	#FDFCFF

#DAEBF2 #DFEDF4 #E5F0F6 #EBF3F8 #F1F6FA #F7F9FC #FDFCFF

#DAEBF2 - #FDFCFF

HSV Blend

#DAEBF2 - #FDFCFF | 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 #DAEBF2 as 0% and #FDFCFF as 100%.

0.0%	0.0% #DAEBF2	RGB 218 235 242	#DAEBF2
16.7%	16.7% #DFEAF4	RGB 223 234 244	#DFEAF4
33.3%	33.3% #E5EBF6	RGB 229 235 246	#E5EBF6
50.0%	50.0% #EAEDF8	RGB 234 237 248	#EAEDF8
66.7%	66.7% #F0F0FA	RGB 240 240 250	#F0F0FA
83.3%	83.3% #F7F6FC	RGB 247 246 252	#F7F6FC
100.0%	100.0% #FDFCFF	RGB 253 252 255	#FDFCFF

#DAEBF2 #DFEAF4 #E5EBF6 #EAEDF8 #F0F0FA #F7F6FC #FDFCFF

#DAEBF2 - #EAEDF8 - #FDFCFF

CSS codes

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

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