#ECEDEE - #9EACB7 | 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 #ECEDEE to #9EACB7

#ECEDEE #9EACB7

Calculate the color between two colors, #ECEDEE and #9EACB7. 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)

#ECEDEE - #9EACB7 | 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 #ECEDEE as 0% and #9EACB7 as 100%.

0.0%	0.0% #ECEDEE	RGB 236 237 238	#ECEDEE
16.7%	16.7% #DFE2E4	RGB 223 226 228	#DFE2E4
33.3%	33.3% #D2D7DB	RGB 210 215 219	#D2D7DB
50.0%	50.0% #C5CCD2	RGB 197 204 210	#C5CCD2
66.7%	66.7% #B8C1C9	RGB 184 193 201	#B8C1C9
83.3%	83.3% #ABB6C0	RGB 171 182 192	#ABB6C0
100.0%	100.0% #9EACB7	RGB 158 172 183	#9EACB7

#ECEDEE #DFE2E4 #D2D7DB #C5CCD2 #B8C1C9 #ABB6C0 #9EACB7

#ECEDEE - #9EACB7

HSV Blend

#ECEDEE - #9EACB7 | 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 #ECEDEE as 0% and #9EACB7 as 100%.

0.0%	0.0% #ECEDEE	RGB 236 237 238	#ECEDEE
16.7%	16.7% #DEE1E4	RGB 222 225 228	#DEE1E4
33.3%	33.3% #D0D6DB	RGB 208 214 219	#D0D6DB
50.0%	50.0% #C3CBD2	RGB 195 203 210	#C3CBD2
66.7%	66.7% #B6C0C9	RGB 182 192 201	#B6C0C9
83.3%	83.3% #AAB6C0	RGB 170 182 192	#AAB6C0
100.0%	100.0% #9EACB7	RGB 158 172 183	#9EACB7

#ECEDEE #DEE1E4 #D0D6DB #C3CBD2 #B6C0C9 #AAB6C0 #9EACB7

#ECEDEE - #C3CBD2 - #9EACB7

CSS codes

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

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