#9F8C9E - #E3DEE2 | 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 #9F8C9E to #E3DEE2

#9F8C9E #E3DEE2

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

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

0.0%	0.0% #9F8C9E	RGB 159 140 158	#9F8C9E
16.7%	16.7% #AA99A9	RGB 170 153 169	#AA99A9
33.3%	33.3% #B5A7B4	RGB 181 167 180	#B5A7B4
50.0%	50.0% #C1B5C0	RGB 193 181 192	#C1B5C0
66.7%	66.7% #CCC2CB	RGB 204 194 203	#CCC2CB
83.3%	83.3% #D7D0D6	RGB 215 208 214	#D7D0D6
100.0%	100.0% #E3DEE2	RGB 227 222 226	#E3DEE2

#9F8C9E #AA99A9 #B5A7B4 #C1B5C0 #CCC2CB #D7D0D6 #E3DEE2

#9F8C9E - #E3DEE2

HSV Blend

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

0.0%	0.0% #9F8C9E	RGB 159 140 158	#9F8C9E
16.7%	16.7% #AA98A8	RGB 170 152 168	#AA98A8
33.3%	33.3% #B5A5B4	RGB 181 165 180	#B5A5B4
50.0%	50.0% #C1B3BF	RGB 193 179 191	#C1B3BF
66.7%	66.7% #CCC1CA	RGB 204 193 202	#CCC1CA
83.3%	83.3% #D7CFD6	RGB 215 207 214	#D7CFD6
100.0%	100.0% #E3DEE2	RGB 227 222 226	#E3DEE2

#9F8C9E #AA98A8 #B5A5B4 #C1B3BF #CCC1CA #D7CFD6 #E3DEE2

#9F8C9E - #C1B3BF - #E3DEE2

CSS codes

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

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