#9F8C91 - #E3DEDF | 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 #9F8C91 to #E3DEDF

#9F8C91 #E3DEDF

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

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

0.0%	0.0% #9F8C91	RGB 159 140 145	#9F8C91
16.7%	16.7% #AA999E	RGB 170 153 158	#AA999E
33.3%	33.3% #B5A7AB	RGB 181 167 171	#B5A7AB
50.0%	50.0% #C1B5B8	RGB 193 181 184	#C1B5B8
66.7%	66.7% #CCC2C5	RGB 204 194 197	#CCC2C5
83.3%	83.3% #D7D0D2	RGB 215 208 210	#D7D0D2
100.0%	100.0% #E3DEDF	RGB 227 222 223	#E3DEDF

#9F8C91 #AA999E #B5A7AB #C1B5B8 #CCC2C5 #D7D0D2 #E3DEDF

#9F8C91 - #E3DEDF

HSV Blend

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

0.0%	0.0% #9F8C91	RGB 159 140 145	#9F8C91
16.7%	16.7% #AA989D	RGB 170 152 157	#AA989D
33.3%	33.3% #B5A5A9	RGB 181 165 169	#B5A5A9
50.0%	50.0% #C1B3B6	RGB 193 179 182	#C1B3B6
66.7%	66.7% #CCC1C3	RGB 204 193 195	#CCC1C3
83.3%	83.3% #D7CFD1	RGB 215 207 209	#D7CFD1
100.0%	100.0% #E3DEDF	RGB 227 222 223	#E3DEDF

#9F8C91 #AA989D #B5A5A9 #C1B3B6 #CCC1C3 #D7CFD1 #E3DEDF

#9F8C91 - #C1B3B6 - #E3DEDF

CSS codes

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

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