#9F908B - #E3DFDD | 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 #9F908B to #E3DFDD

#9F908B #E3DFDD

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

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

0.0%	0.0% #9F908B	RGB 159 144 139	#9F908B
16.7%	16.7% #AA9D98	RGB 170 157 152	#AA9D98
33.3%	33.3% #B5AAA6	RGB 181 170 166	#B5AAA6
50.0%	50.0% #C1B7B4	RGB 193 183 180	#C1B7B4
66.7%	66.7% #CCC4C1	RGB 204 196 193	#CCC4C1
83.3%	83.3% #D7D1CF	RGB 215 209 207	#D7D1CF
100.0%	100.0% #E3DFDD	RGB 227 223 221	#E3DFDD

#9F908B #AA9D98 #B5AAA6 #C1B7B4 #CCC4C1 #D7D1CF #E3DFDD

#9F908B - #E3DFDD

HSV Blend

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

0.0%	0.0% #9F908B	RGB 159 144 139	#9F908B
16.7%	16.7% #AA9C97	RGB 170 156 151	#AA9C97
33.3%	33.3% #B5A9A4	RGB 181 169 164	#B5A9A4
50.0%	50.0% #C1B6B2	RGB 193 182 178	#C1B6B2
66.7%	66.7% #CCC3C0	RGB 204 195 192	#CCC3C0
83.3%	83.3% #D7D1CE	RGB 215 209 206	#D7D1CE
100.0%	100.0% #E3DFDD	RGB 227 223 221	#E3DFDD

#9F908B #AA9C97 #B5A9A4 #C1B6B2 #CCC3C0 #D7D1CE #E3DFDD

#9F908B - #C1B6B2 - #E3DFDD

CSS codes

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

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