#9C8C4F - #E2DECC | 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 #9C8C4F to #E2DECC

#9C8C4F #E2DECC

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

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

0.0%	0.0% #9C8C4F	RGB 156 140 79	#9C8C4F
16.7%	16.7% #A79963	RGB 167 153 99	#A79963
33.3%	33.3% #B3A778	RGB 179 167 120	#B3A778
50.0%	50.0% #BFB58D	RGB 191 181 141	#BFB58D
66.7%	66.7% #CAC2A2	RGB 202 194 162	#CAC2A2
83.3%	83.3% #D6D0B7	RGB 214 208 183	#D6D0B7
100.0%	100.0% #E2DECC	RGB 226 222 204	#E2DECC

#9C8C4F #A79963 #B3A778 #BFB58D #CAC2A2 #D6D0B7 #E2DECC

#9C8C4F - #E2DECC

HSV Blend

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

0.0%	0.0% #9C8C4F	RGB 156 140 79	#9C8C4F
16.7%	16.7% #A7995F	RGB 167 153 95	#A7995F
33.3%	33.3% #B3A672	RGB 179 166 114	#B3A672
50.0%	50.0% #BFB486	RGB 191 180 134	#BFB486
66.7%	66.7% #CAC19C	RGB 202 193 156	#CAC19C
83.3%	83.3% #D6CFB3	RGB 214 207 179	#D6CFB3
100.0%	100.0% #E2DECC	RGB 226 222 204	#E2DECC

#9C8C4F #A7995F #B3A672 #BFB486 #CAC19C #D6CFB3 #E2DECC

#9C8C4F - #BFB486 - #E2DECC

CSS codes

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

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