#ECEDF2 - #D6C9F2 | 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 #ECEDF2 to #D6C9F2

#ECEDF2 #D6C9F2

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

#ECEDF2 - #D6C9F2 | 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 #ECEDF2 as 0% and #D6C9F2 as 100%.

0.0%	0.0% #ECEDF2	RGB 236 237 242	#ECEDF2
16.7%	16.7% #E8E7F2	RGB 232 231 242	#E8E7F2
33.3%	33.3% #E4E1F2	RGB 228 225 242	#E4E1F2
50.0%	50.0% #E1DBF2	RGB 225 219 242	#E1DBF2
66.7%	66.7% #DDD5F2	RGB 221 213 242	#DDD5F2
83.3%	83.3% #D9CFF2	RGB 217 207 242	#D9CFF2
100.0%	100.0% #D6C9F2	RGB 214 201 242	#D6C9F2

#ECEDF2 #E8E7F2 #E4E1F2 #E1DBF2 #DDD5F2 #D9CFF2 #D6C9F2

#ECEDF2 - #D6C9F2

HSV Blend

#ECEDF2 - #D6C9F2 | 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 #ECEDF2 as 0% and #D6C9F2 as 100%.

0.0%	0.0% #ECEDF2	RGB 236 237 242	#ECEDF2
16.7%	16.7% #E6E7F2	RGB 230 231 242	#E6E7F2
33.3%	33.3% #E0E0F2	RGB 224 224 242	#E0E0F2
50.0%	50.0% #DCDAF2	RGB 220 218 242	#DCDAF2
66.7%	66.7% #D9D4F2	RGB 217 212 242	#D9D4F2
83.3%	83.3% #D7CEF2	RGB 215 206 242	#D7CEF2
100.0%	100.0% #D6C9F2	RGB 214 201 242	#D6C9F2

#ECEDF2 #E6E7F2 #E0E0F2 #DCDAF2 #D9D4F2 #D7CEF2 #D6C9F2

#ECEDF2 - #DCDAF2 - #D6C9F2

CSS codes

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

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