#9F8F93 - #E3DFDF | 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 #9F8F93 to #E3DFDF

#9F8F93 #E3DFDF

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

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

0.0%	0.0% #9F8F93	RGB 159 143 147	#9F8F93
16.7%	16.7% #AA9C9F	RGB 170 156 159	#AA9C9F
33.3%	33.3% #B5A9AC	RGB 181 169 172	#B5A9AC
50.0%	50.0% #C1B7B9	RGB 193 183 185	#C1B7B9
66.7%	66.7% #CCC4C5	RGB 204 196 197	#CCC4C5
83.3%	83.3% #D7D1D2	RGB 215 209 210	#D7D1D2
100.0%	100.0% #E3DFDF	RGB 227 223 223	#E3DFDF

#9F8F93 #AA9C9F #B5A9AC #C1B7B9 #CCC4C5 #D7D1D2 #E3DFDF

#9F8F93 - #E3DFDF

HSV Blend

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

0.0%	0.0% #9F8F93	RGB 159 143 147	#9F8F93
16.7%	16.7% #AA9B9E	RGB 170 155 158	#AA9B9E
33.3%	33.3% #B5A8AA	RGB 181 168 170	#B5A8AA
50.0%	50.0% #C1B5B7	RGB 193 181 183	#C1B5B7
66.7%	66.7% #CCC3C3	RGB 204 195 195	#CCC3C3
83.3%	83.3% #D7D0D1	RGB 215 208 209	#D7D0D1
100.0%	100.0% #E3DFDF	RGB 227 223 223	#E3DFDF

#9F8F93 #AA9B9E #B5A8AA #C1B5B7 #CCC3C3 #D7D0D1 #E3DFDF

#9F8F93 - #C1B5B7 - #E3DFDF

CSS codes

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

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