#9FA0AA - #E3E3E6 | 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 #9FA0AA to #E3E3E6

#9FA0AA #E3E3E6

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

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

0.0%	0.0% #9FA0AA	RGB 159 160 170	#9FA0AA
16.7%	16.7% #AAABB4	RGB 170 171 180	#AAABB4
33.3%	33.3% #B5B6BE	RGB 181 182 190	#B5B6BE
50.0%	50.0% #C1C1C8	RGB 193 193 200	#C1C1C8
66.7%	66.7% #CCCCD2	RGB 204 204 210	#CCCCD2
83.3%	83.3% #D7D7DC	RGB 215 215 220	#D7D7DC
100.0%	100.0% #E3E3E6	RGB 227 227 230	#E3E3E6

#9FA0AA #AAABB4 #B5B6BE #C1C1C8 #CCCCD2 #D7D7DC #E3E3E6

#9FA0AA - #E3E3E6

HSV Blend

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

0.0%	0.0% #9FA0AA	RGB 159 160 170	#9FA0AA
16.7%	16.7% #A9AAB4	RGB 169 170 180	#A9AAB4
33.3%	33.3% #B4B5BE	RGB 180 181 190	#B4B5BE
50.0%	50.0% #C0C0C8	RGB 192 192 200	#C0C0C8
66.7%	66.7% #CBCBD2	RGB 203 203 210	#CBCBD2
83.3%	83.3% #D7D7DC	RGB 215 215 220	#D7D7DC
100.0%	100.0% #E3E3E6	RGB 227 227 230	#E3E3E6

#9FA0AA #A9AAB4 #B4B5BE #C0C0C8 #CBCBD2 #D7D7DC #E3E3E6

#9FA0AA - #C0C0C8 - #E3E3E6

CSS codes

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

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