#9CBFAB - #E2ECE6 | 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 #9CBFAB to #E2ECE6

#9CBFAB #E2ECE6

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

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

0.0%	0.0% #9CBFAB	RGB 156 191 171	#9CBFAB
16.7%	16.7% #A7C6B4	RGB 167 198 180	#A7C6B4
33.3%	33.3% #B3CEBE	RGB 179 206 190	#B3CEBE
50.0%	50.0% #BFD5C8	RGB 191 213 200	#BFD5C8
66.7%	66.7% #CADDD2	RGB 202 221 210	#CADDD2
83.3%	83.3% #D6E4DC	RGB 214 228 220	#D6E4DC
100.0%	100.0% #E2ECE6	RGB 226 236 230	#E2ECE6

#9CBFAB #A7C6B4 #B3CEBE #BFD5C8 #CADDD2 #D6E4DC #E2ECE6

#9CBFAB - #E2ECE6

HSV Blend

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

0.0%	0.0% #9CBFAB	RGB 156 191 171	#9CBFAB
16.7%	16.7% #A6C6B4	RGB 166 198 180	#A6C6B4
33.3%	33.3% #B1CEBD	RGB 177 206 189	#B1CEBD
50.0%	50.0% #BDD5C7	RGB 189 213 199	#BDD5C7
66.7%	66.7% #C9DDD1	RGB 201 221 209	#C9DDD1
83.3%	83.3% #D5E4DB	RGB 213 228 219	#D5E4DB
100.0%	100.0% #E2ECE6	RGB 226 236 230	#E2ECE6

#9CBFAB #A6C6B4 #B1CEBD #BDD5C7 #C9DDD1 #D5E4DB #E2ECE6

#9CBFAB - #BDD5C7 - #E2ECE6

CSS codes

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

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