#DAF2DC - #FCFEFF | 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 #DAF2DC to #FCFEFF

#DAF2DC #FCFEFF

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

#DAF2DC - #FCFEFF | 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 #DAF2DC as 0% and #FCFEFF as 100%.

0.0%	0.0% #DAF2DC	RGB 218 242 220	#DAF2DC
16.7%	16.7% #DFF4E1	RGB 223 244 225	#DFF4E1
33.3%	33.3% #E5F6E7	RGB 229 246 231	#E5F6E7
50.0%	50.0% #EBF8ED	RGB 235 248 237	#EBF8ED
66.7%	66.7% #F0FAF3	RGB 240 250 243	#F0FAF3
83.3%	83.3% #F6FCF9	RGB 246 252 249	#F6FCF9
100.0%	100.0% #FCFEFF	RGB 252 254 255	#FCFEFF

#DAF2DC #DFF4E1 #E5F6E7 #EBF8ED #F0FAF3 #F6FCF9 #FCFEFF

#DAF2DC - #FCFEFF

HSV Blend

#DAF2DC - #FCFEFF | 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 #DAF2DC as 0% and #FCFEFF as 100%.

0.0%	0.0% #DAF2DC	RGB 218 242 220	#DAF2DC
16.7%	16.7% #DFF4E5	RGB 223 244 229	#DFF4E5
33.3%	33.3% #E5F6ED	RGB 229 246 237	#E5F6ED
50.0%	50.0% #EAF8F4	RGB 234 248 244	#EAF8F4
66.7%	66.7% #F0FAF9	RGB 240 250 249	#F0FAF9
83.3%	83.3% #F6FCFC	RGB 246 252 252	#F6FCFC
100.0%	100.0% #FCFEFF	RGB 252 254 255	#FCFEFF

#DAF2DC #DFF4E5 #E5F6ED #EAF8F4 #F0FAF9 #F6FCFC #FCFEFF

#DAF2DC - #EAF8F4 - #FCFEFF

CSS codes

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

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