#9F929C - #E3DFE2 | 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 #9F929C to #E3DFE2

#9F929C #E3DFE2

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

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

0.0%	0.0% #9F929C	RGB 159 146 156	#9F929C
16.7%	16.7% #AA9EA7	RGB 170 158 167	#AA9EA7
33.3%	33.3% #B5ABB3	RGB 181 171 179	#B5ABB3
50.0%	50.0% #C1B8BF	RGB 193 184 191	#C1B8BF
66.7%	66.7% #CCC5CA	RGB 204 197 202	#CCC5CA
83.3%	83.3% #D7D2D6	RGB 215 210 214	#D7D2D6
100.0%	100.0% #E3DFE2	RGB 227 223 226	#E3DFE2

#9F929C #AA9EA7 #B5ABB3 #C1B8BF #CCC5CA #D7D2D6 #E3DFE2

#9F929C - #E3DFE2

HSV Blend

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

0.0%	0.0% #9F929C	RGB 159 146 156	#9F929C
16.7%	16.7% #AA9EA7	RGB 170 158 167	#AA9EA7
33.3%	33.3% #B5AAB3	RGB 181 170 179	#B5AAB3
50.0%	50.0% #C1B7BE	RGB 193 183 190	#C1B7BE
66.7%	66.7% #CCC4CA	RGB 204 196 202	#CCC4CA
83.3%	83.3% #D7D1D6	RGB 215 209 214	#D7D1D6
100.0%	100.0% #E3DFE2	RGB 227 223 226	#E3DFE2

#9F929C #AA9EA7 #B5AAB3 #C1B7BE #CCC4CA #D7D1D6 #E3DFE2

#9F929C - #C1B7BE - #E3DFE2

CSS codes

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

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