#DAFEED - #EEEAFE | 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 #DAFEED to #EEEAFE

#DAFEED #EEEAFE

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

#DAFEED - #EEEAFE | 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 #DAFEED as 0% and #EEEAFE as 100%.

0.0%	0.0% #DAFEED	RGB 218 254 237	#DAFEED
16.7%	16.7% #DDFAEF	RGB 221 250 239	#DDFAEF
33.3%	33.3% #E0F7F2	RGB 224 247 242	#E0F7F2
50.0%	50.0% #E4F4F5	RGB 228 244 245	#E4F4F5
66.7%	66.7% #E7F0F8	RGB 231 240 248	#E7F0F8
83.3%	83.3% #EAEDFB	RGB 234 237 251	#EAEDFB
100.0%	100.0% #EEEAFE	RGB 238 234 254	#EEEAFE

#DAFEED #DDFAEF #E0F7F2 #E4F4F5 #E7F0F8 #EAEDFB #EEEAFE

#DAFEED - #EEEAFE

HSV Blend

#DAFEED - #EEEAFE | 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 #DAFEED as 0% and #EEEAFE as 100%.

0.0%	0.0% #DAFEED	RGB 218 254 237	#DAFEED
16.7%	16.7% #DCFEF7	RGB 220 254 247	#DCFEF7
33.3%	33.3% #DFFBFE	RGB 223 251 254	#DFFBFE
50.0%	50.0% #E2F3FE	RGB 226 243 254	#E2F3FE
66.7%	66.7% #E4EDFE	RGB 228 237 254	#E4EDFE
83.3%	83.3% #E7E9FE	RGB 231 233 254	#E7E9FE
100.0%	100.0% #EEEAFE	RGB 238 234 254	#EEEAFE

#DAFEED #DCFEF7 #DFFBFE #E2F3FE #E4EDFE #E7E9FE #EEEAFE

#DAFEED - #E2F3FE - #EEEAFE

CSS codes

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

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