#DAFFFC - #8DD8D0 | 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 #DAFFFC to #8DD8D0

#DAFFFC #8DD8D0

Calculate the color between two colors, #DAFFFC and #8DD8D0. 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)

#DAFFFC - #8DD8D0 | 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 #DAFFFC as 0% and #8DD8D0 as 100%.

0.0%	0.0% #DAFFFC	RGB 218 255 252	#DAFFFC
16.7%	16.7% #CDF8F4	RGB 205 248 244	#CDF8F4
33.3%	33.3% #C0F2ED	RGB 192 242 237	#C0F2ED
50.0%	50.0% #B3EBE6	RGB 179 235 230	#B3EBE6
66.7%	66.7% #A6E5DE	RGB 166 229 222	#A6E5DE
83.3%	83.3% #99DED7	RGB 153 222 215	#99DED7
100.0%	100.0% #8DD8D0	RGB 141 216 208	#8DD8D0

#DAFFFC #CDF8F4 #C0F2ED #B3EBE6 #A6E5DE #99DED7 #8DD8D0

#DAFFFC - #8DD8D0

HSV Blend

#DAFFFC - #8DD8D0 | 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 #DAFFFC as 0% and #8DD8D0 as 100%.

0.0%	0.0% #DAFFFC	RGB 218 255 252	#DAFFFC
16.7%	16.7% #CCF8F4	RGB 204 248 244	#CCF8F4
33.3%	33.3% #BEF2ED	RGB 190 242 237	#BEF2ED
50.0%	50.0% #B1EBE6	RGB 177 235 230	#B1EBE6
66.7%	66.7% #A4E5DE	RGB 164 229 222	#A4E5DE
83.3%	83.3% #98DED7	RGB 152 222 215	#98DED7
100.0%	100.0% #8DD8D0	RGB 141 216 208	#8DD8D0

#DAFFFC #CCF8F4 #BEF2ED #B1EBE6 #A4E5DE #98DED7 #8DD8D0

#DAFFFC - #B1EBE6 - #8DD8D0

CSS codes

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

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