#ECE2E2 - #EED2CA | 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 #ECE2E2 to #EED2CA

#ECE2E2 #EED2CA

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

#ECE2E2 - #EED2CA | 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 #ECE2E2 as 0% and #EED2CA as 100%.

0.0%	0.0% #ECE2E2	RGB 236 226 226	#ECE2E2
16.7%	16.7% #ECDFDE	RGB 236 223 222	#ECDFDE
33.3%	33.3% #ECDCDA	RGB 236 220 218	#ECDCDA
50.0%	50.0% #EDDAD6	RGB 237 218 214	#EDDAD6
66.7%	66.7% #EDD7D2	RGB 237 215 210	#EDD7D2
83.3%	83.3% #EDD4CE	RGB 237 212 206	#EDD4CE
100.0%	100.0% #EED2CA	RGB 238 210 202	#EED2CA

#ECE2E2 #ECDFDE #ECDCDA #EDDAD6 #EDD7D2 #EDD4CE #EED2CA

#ECE2E2 - #EED2CA

HSV Blend

#ECE2E2 - #EED2CA | 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 #ECE2E2 as 0% and #EED2CA as 100%.

0.0%	0.0% #ECE2E2	RGB 236 226 226	#ECE2E2
16.7%	16.7% #ECDEDE	RGB 236 222 222	#ECDEDE
33.3%	33.3% #ECDBDA	RGB 236 219 218	#ECDBDA
50.0%	50.0% #EDD8D6	RGB 237 216 214	#EDD8D6
66.7%	66.7% #EDD6D2	RGB 237 214 210	#EDD6D2
83.3%	83.3% #EDD3CE	RGB 237 211 206	#EDD3CE
100.0%	100.0% #EED2CA	RGB 238 210 202	#EED2CA

#ECE2E2 #ECDEDE #ECDBDA #EDD8D6 #EDD6D2 #EDD3CE #EED2CA

#ECE2E2 - #EDD8D6 - #EED2CA

CSS codes

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

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