#DAFFC7 - #ECFCF4 | 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 #DAFFC7 to #ECFCF4

#DAFFC7 #ECFCF4

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

#DAFFC7 - #ECFCF4 | 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 #DAFFC7 as 0% and #ECFCF4 as 100%.

0.0%	0.0% #DAFFC7	RGB 218 255 199	#DAFFC7
16.7%	16.7% #DDFECE	RGB 221 254 206	#DDFECE
33.3%	33.3% #E0FED6	RGB 224 254 214	#E0FED6
50.0%	50.0% #E3FDDD	RGB 227 253 221	#E3FDDD
66.7%	66.7% #E6FDE5	RGB 230 253 229	#E6FDE5
83.3%	83.3% #E9FCEC	RGB 233 252 236	#E9FCEC
100.0%	100.0% #ECFCF4	RGB 236 252 244	#ECFCF4

#DAFFC7 #DDFECE #E0FED6 #E3FDDD #E6FDE5 #E9FCEC #ECFCF4

#DAFFC7 - #ECFCF4

HSV Blend

#DAFFC7 - #ECFCF4 | 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 #DAFFC7 as 0% and #ECFCF4 as 100%.

0.0%	0.0% #DAFFC7	RGB 218 255 199	#DAFFC7
16.7%	16.7% #D7FECD	RGB 215 254 205	#D7FECD
33.3%	33.3% #D5FED3	RGB 213 254 211	#D5FED3
50.0%	50.0% #D9FDDC	RGB 217 253 220	#D9FDDC
66.7%	66.7% #DFFDE6	RGB 223 253 230	#DFFDE6
83.3%	83.3% #E5FCEE	RGB 229 252 238	#E5FCEE
100.0%	100.0% #ECFCF4	RGB 236 252 244	#ECFCF4

#DAFFC7 #D7FECD #D5FED3 #D9FDDC #DFFDE6 #E5FCEE #ECFCF4

#DAFFC7 - #D9FDDC - #ECFCF4

CSS codes

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

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