#ECEDCA - #EFFFF2 | 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 #ECEDCA to #EFFFF2

#ECEDCA #EFFFF2

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

#ECEDCA - #EFFFF2 | 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 #ECEDCA as 0% and #EFFFF2 as 100%.

0.0%	0.0% #ECEDCA	RGB 236 237 202	#ECEDCA
16.7%	16.7% #ECF0D0	RGB 236 240 208	#ECF0D0
33.3%	33.3% #EDF3D7	RGB 237 243 215	#EDF3D7
50.0%	50.0% #EDF6DE	RGB 237 246 222	#EDF6DE
66.7%	66.7% #EEF9E4	RGB 238 249 228	#EEF9E4
83.3%	83.3% #EEFCEB	RGB 238 252 235	#EEFCEB
100.0%	100.0% #EFFFF2	RGB 239 255 242	#EFFFF2

#ECEDCA #ECF0D0 #EDF3D7 #EDF6DE #EEF9E4 #EEFCEB #EFFFF2

#ECEDCA - #EFFFF2

HSV Blend

#ECEDCA - #EFFFF2 | 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 #ECEDCA as 0% and #EFFFF2 as 100%.

0.0%	0.0% #ECEDCA	RGB 236 237 202	#ECEDCA
16.7%	16.7% #E8F0CF	RGB 232 240 207	#E8F0CF
33.3%	33.3% #E6F3D5	RGB 230 243 213	#E6F3D5
50.0%	50.0% #E6F6DC	RGB 230 246 220	#E6F6DC
66.7%	66.7% #E6F9E2	RGB 230 249 226	#E6F9E2
83.3%	83.3% #E8FCE8	RGB 232 252 232	#E8FCE8
100.0%	100.0% #EFFFF2	RGB 239 255 242	#EFFFF2

#ECEDCA #E8F0CF #E6F3D5 #E6F6DC #E6F9E2 #E8FCE8 #EFFFF2

#ECEDCA - #E6F6DC - #EFFFF2

CSS codes

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

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