#9FACAF - #E3E6E8 | 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 #9FACAF to #E3E6E8

#9FACAF #E3E6E8

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

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

0.0%	0.0% #9FACAF	RGB 159 172 175	#9FACAF
16.7%	16.7% #AAB5B8	RGB 170 181 184	#AAB5B8
33.3%	33.3% #B5BFC2	RGB 181 191 194	#B5BFC2
50.0%	50.0% #C1C9CB	RGB 193 201 203	#C1C9CB
66.7%	66.7% #CCD2D5	RGB 204 210 213	#CCD2D5
83.3%	83.3% #D7DCDE	RGB 215 220 222	#D7DCDE
100.0%	100.0% #E3E6E8	RGB 227 230 232	#E3E6E8

#9FACAF #AAB5B8 #B5BFC2 #C1C9CB #CCD2D5 #D7DCDE #E3E6E8

#9FACAF - #E3E6E8

HSV Blend

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

0.0%	0.0% #9FACAF	RGB 159 172 175	#9FACAF
16.7%	16.7% #A9B5B8	RGB 169 181 184	#A9B5B8
33.3%	33.3% #B4BEC2	RGB 180 190 194	#B4BEC2
50.0%	50.0% #C0C8CB	RGB 192 200 203	#C0C8CB
66.7%	66.7% #CBD1D5	RGB 203 209 213	#CBD1D5
83.3%	83.3% #D7DBDE	RGB 215 219 222	#D7DBDE
100.0%	100.0% #E3E6E8	RGB 227 230 232	#E3E6E8

#9FACAF #A9B5B8 #B4BEC2 #C0C8CB #CBD1D5 #D7DBDE #E3E6E8

#9FACAF - #C0C8CB - #E3E6E8

CSS codes

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

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