#E2EDAF - #DAFAD1 | 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 #E2EDAF to #DAFAD1

#E2EDAF #DAFAD1

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

#E2EDAF - #DAFAD1 | 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 #E2EDAF as 0% and #DAFAD1 as 100%.

0.0%	0.0% #E2EDAF	RGB 226 237 175	#E2EDAF
16.7%	16.7% #E0EFB4	RGB 224 239 180	#E0EFB4
33.3%	33.3% #DFF1BA	RGB 223 241 186	#DFF1BA
50.0%	50.0% #DEF3C0	RGB 222 243 192	#DEF3C0
66.7%	66.7% #DCF5C5	RGB 220 245 197	#DCF5C5
83.3%	83.3% #DBF7CB	RGB 219 247 203	#DBF7CB
100.0%	100.0% #DAFAD1	RGB 218 250 209	#DAFAD1

#E2EDAF #E0EFB4 #DFF1BA #DEF3C0 #DCF5C5 #DBF7CB #DAFAD1

#E2EDAF - #DAFAD1

HSV Blend

#E2EDAF - #DAFAD1 | 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 #E2EDAF as 0% and #DAFAD1 as 100%.

0.0%	0.0% #E2EDAF	RGB 226 237 175	#E2EDAF
16.7%	16.7% #DEEFB4	RGB 222 239 180	#DEEFB4
33.3%	33.3% #DCF1BA	RGB 220 241 186	#DCF1BA
50.0%	50.0% #DAF3BF	RGB 218 243 191	#DAF3BF
66.7%	66.7% #D9F5C5	RGB 217 245 197	#D9F5C5
83.3%	83.3% #D9F7CB	RGB 217 247 203	#D9F7CB
100.0%	100.0% #DAFAD1	RGB 218 250 209	#DAFAD1

#E2EDAF #DEEFB4 #DCF1BA #DAF3BF #D9F5C5 #D9F7CB #DAFAD1

#E2EDAF - #DAF3BF - #DAFAD1

CSS codes

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

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