#DAFFC7 - #EADED3 | 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 #EADED3

#DAFFC7 #EADED3

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

0.0%	0.0% #DAFFC7	RGB 218 255 199	#DAFFC7
16.7%	16.7% #DCF9C9	RGB 220 249 201	#DCF9C9
33.3%	33.3% #DFF4CB	RGB 223 244 203	#DFF4CB
50.0%	50.0% #E2EECD	RGB 226 238 205	#E2EECD
66.7%	66.7% #E4E9CF	RGB 228 233 207	#E4E9CF
83.3%	83.3% #E7E3D1	RGB 231 227 209	#E7E3D1
100.0%	100.0% #EADED3	RGB 234 222 211	#EADED3

#DAFFC7 #DCF9C9 #DFF4CB #E2EECD #E4E9CF #E7E3D1 #EADED3

#DAFFC7 - #EADED3

HSV Blend

#DAFFC7 - #EADED3 | 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 #EADED3 as 100%.

0.0%	0.0% #DAFFC7	RGB 218 255 199	#DAFFC7
16.7%	16.7% #E4FBC9	RGB 228 251 201	#E4FBC9
33.3%	33.3% #ECF8CB	RGB 236 248 203	#ECF8CB
50.0%	50.0% #F1F4CD	RGB 241 244 205	#F1F4CD
66.7%	66.7% #F1ECCF	RGB 241 236 207	#F1ECCF
83.3%	83.3% #EDE4D1	RGB 237 228 209	#EDE4D1
100.0%	100.0% #EADED3	RGB 234 222 211	#EADED3

#DAFFC7 #E4FBC9 #ECF8CB #F1F4CD #F1ECCF #EDE4D1 #EADED3

#DAFFC7 - #F1F4CD - #EADED3

CSS codes

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

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