#DAFFFC - #81D4CE | 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 #81D4CE

#DAFFFC #81D4CE

Calculate the color between two colors, #DAFFFC and #81D4CE. 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 - #81D4CE | 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 #81D4CE as 100%.

0.0%	0.0% #DAFFFC	RGB 218 255 252	#DAFFFC
16.7%	16.7% #CBF7F4	RGB 203 247 244	#CBF7F4
33.3%	33.3% #BCF0EC	RGB 188 240 236	#BCF0EC
50.0%	50.0% #ADE9E5	RGB 173 233 229	#ADE9E5
66.7%	66.7% #9EE2DD	RGB 158 226 221	#9EE2DD
83.3%	83.3% #8FDBD5	RGB 143 219 213	#8FDBD5
100.0%	100.0% #81D4CE	RGB 129 212 206	#81D4CE

#DAFFFC #CBF7F4 #BCF0EC #ADE9E5 #9EE2DD #8FDBD5 #81D4CE

#DAFFFC - #81D4CE

HSV Blend

#DAFFFC - #81D4CE | 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 #81D4CE as 100%.

0.0%	0.0% #DAFFFC	RGB 218 255 252	#DAFFFC
16.7%	16.7% #C9F7F4	RGB 201 247 244	#C9F7F4
33.3%	33.3% #B9F0EC	RGB 185 240 236	#B9F0EC
50.0%	50.0% #AAE9E4	RGB 170 233 228	#AAE9E4
66.7%	66.7% #9CE2DD	RGB 156 226 221	#9CE2DD
83.3%	83.3% #8EDBD5	RGB 142 219 213	#8EDBD5
100.0%	100.0% #81D4CE	RGB 129 212 206	#81D4CE

#DAFFFC #C9F7F4 #B9F0EC #AAE9E4 #9CE2DD #8EDBD5 #81D4CE

#DAFFFC - #AAE9E4 - #81D4CE

CSS codes

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

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