#9D912B - #E3DEC2 | 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 #9D912B to #E3DEC2

#9D912B #E3DEC2

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

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

0.0%	0.0% #9D912B	RGB 157 145 43	#9D912B
16.7%	16.7% #A89D44	RGB 168 157 68	#A89D44
33.3%	33.3% #B4AA5D	RGB 180 170 93	#B4AA5D
50.0%	50.0% #C0B776	RGB 192 183 118	#C0B776
66.7%	66.7% #CBC48F	RGB 203 196 143	#CBC48F
83.3%	83.3% #D7D1A8	RGB 215 209 168	#D7D1A8
100.0%	100.0% #E3DEC2	RGB 227 222 194	#E3DEC2

#9D912B #A89D44 #B4AA5D #C0B776 #CBC48F #D7D1A8 #E3DEC2

#9D912B - #E3DEC2

HSV Blend

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

0.0%	0.0% #9D912B	RGB 157 145 43	#9D912B
16.7%	16.7% #A89C3E	RGB 168 156 62	#A89C3E
33.3%	33.3% #B4A854	RGB 180 168 84	#B4A854
50.0%	50.0% #C0B56C	RGB 192 181 108	#C0B56C
66.7%	66.7% #CBC286	RGB 203 194 134	#CBC286
83.3%	83.3% #D7CFA3	RGB 215 207 163	#D7CFA3
100.0%	100.0% #E3DEC2	RGB 227 222 194	#E3DEC2

#9D912B #A89C3E #B4A854 #C0B56C #CBC286 #D7CFA3 #E3DEC2

#9D912B - #C0B56C - #E3DEC2

CSS codes

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

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