#9D9F8F - #EADBAC | 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 #9D9F8F to #EADBAC

#9D9F8F #EADBAC

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

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

0.0%	0.0% #9D9F8F	RGB 157 159 143	#9D9F8F
16.7%	16.7% #A9A993	RGB 169 169 147	#A9A993
33.3%	33.3% #B6B398	RGB 182 179 152	#B6B398
50.0%	50.0% #C3BD9D	RGB 195 189 157	#C3BD9D
66.7%	66.7% #D0C7A2	RGB 208 199 162	#D0C7A2
83.3%	83.3% #DDD1A7	RGB 221 209 167	#DDD1A7
100.0%	100.0% #EADBAC	RGB 234 219 172	#EADBAC

#9D9F8F #A9A993 #B6B398 #C3BD9D #D0C7A2 #DDD1A7 #EADBAC

#9D9F8F - #EADBAC

HSV Blend

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

0.0%	0.0% #9D9F8F	RGB 157 159 143	#9D9F8F
16.7%	16.7% #AAAB95	RGB 170 171 149	#AAAB95
33.3%	33.3% #B7B89B	RGB 183 184 155	#B7B89B
50.0%	50.0% #C4C2A0	RGB 196 194 160	#C4C2A0
66.7%	66.7% #D1CBA5	RGB 209 203 165	#D1CBA5
83.3%	83.3% #DDD3A8	RGB 221 211 168	#DDD3A8
100.0%	100.0% #EADBAC	RGB 234 219 172	#EADBAC

#9D9F8F #AAAB95 #B7B89B #C4C2A0 #D1CBA5 #DDD3A8 #EADBAC

#9D9F8F - #C4C2A0 - #EADBAC

CSS codes

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

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