#ECEDEE - #9EB7B6 | 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 #9EB7B6

#ECEDEE #9EB7B6

Calculate the color between two colors, #ECEDEE and #9EB7B6. 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 - #9EB7B6 | 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 #9EB7B6 as 100%.

0.0%	0.0% #ECEDEE	RGB 236 237 238	#ECEDEE
16.7%	16.7% #DFE4E4	RGB 223 228 228	#DFE4E4
33.3%	33.3% #D2DBDB	RGB 210 219 219	#D2DBDB
50.0%	50.0% #C5D2D2	RGB 197 210 210	#C5D2D2
66.7%	66.7% #B8C9C8	RGB 184 201 200	#B8C9C8
83.3%	83.3% #ABC0BF	RGB 171 192 191	#ABC0BF
100.0%	100.0% #9EB7B6	RGB 158 183 182	#9EB7B6

#ECEDEE #DFE4E4 #D2DBDB #C5D2D2 #B8C9C8 #ABC0BF #9EB7B6

#ECEDEE - #9EB7B6

HSV Blend

#ECEDEE - #9EB7B6 | 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 #9EB7B6 as 100%.

0.0%	0.0% #ECEDEE	RGB 236 237 238	#ECEDEE
16.7%	16.7% #DEE2E4	RGB 222 226 228	#DEE2E4
33.3%	33.3% #D0D8DB	RGB 208 216 219	#D0D8DB
50.0%	50.0% #C3CED2	RGB 195 206 210	#C3CED2
66.7%	66.7% #B6C6C9	RGB 182 198 201	#B6C6C9
83.3%	83.3% #AABFC0	RGB 170 191 192	#AABFC0
100.0%	100.0% #9EB7B6	RGB 158 183 182	#9EB7B6

#ECEDEE #DEE2E4 #D0D8DB #C3CED2 #B6C6C9 #AABFC0 #9EB7B6

#ECEDEE - #C3CED2 - #9EB7B6

CSS codes

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

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