#9F8C5A - #E3DECF | 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 #9F8C5A to #E3DECF

#9F8C5A #E3DECF

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

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

0.0%	0.0% #9F8C5A	RGB 159 140 90	#9F8C5A
16.7%	16.7% #AA996D	RGB 170 153 109	#AA996D
33.3%	33.3% #B5A781	RGB 181 167 129	#B5A781
50.0%	50.0% #C1B594	RGB 193 181 148	#C1B594
66.7%	66.7% #CCC2A8	RGB 204 194 168	#CCC2A8
83.3%	83.3% #D7D0BB	RGB 215 208 187	#D7D0BB
100.0%	100.0% #E3DECF	RGB 227 222 207	#E3DECF

#9F8C5A #AA996D #B5A781 #C1B594 #CCC2A8 #D7D0BB #E3DECF

#9F8C5A - #E3DECF

HSV Blend

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

0.0%	0.0% #9F8C5A	RGB 159 140 90	#9F8C5A
16.7%	16.7% #AA986A	RGB 170 152 106	#AA986A
33.3%	33.3% #B5A67B	RGB 181 166 123	#B5A67B
50.0%	50.0% #C1B38E	RGB 193 179 142	#C1B38E
66.7%	66.7% #CCC1A2	RGB 204 193 162	#CCC1A2
83.3%	83.3% #D7CFB8	RGB 215 207 184	#D7CFB8
100.0%	100.0% #E3DECF	RGB 227 222 207	#E3DECF

#9F8C5A #AA986A #B5A67B #C1B38E #CCC1A2 #D7CFB8 #E3DECF

#9F8C5A - #C1B38E - #E3DECF

CSS codes

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

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