#997B3C - #E1D9C7 | 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 #997B3C to #E1D9C7

#997B3C #E1D9C7

Calculate the color between two colors, #997B3C and #E1D9C7. 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)

#997B3C - #E1D9C7 | 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 #997B3C as 0% and #E1D9C7 as 100%.

0.0%	0.0% #997B3C	RGB 153 123 60	#997B3C
16.7%	16.7% #A58A53	RGB 165 138 83	#A58A53
33.3%	33.3% #B19A6A	RGB 177 154 106	#B19A6A
50.0%	50.0% #BDAA81	RGB 189 170 129	#BDAA81
66.7%	66.7% #C9B998	RGB 201 185 152	#C9B998
83.3%	83.3% #D5C9AF	RGB 213 201 175	#D5C9AF
100.0%	100.0% #E1D9C7	RGB 225 217 199	#E1D9C7

#997B3C #A58A53 #B19A6A #BDAA81 #C9B998 #D5C9AF #E1D9C7

#997B3C - #E1D9C7

HSV Blend

#997B3C - #E1D9C7 | 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 #997B3C as 0% and #E1D9C7 as 100%.

0.0%	0.0% #997B3C	RGB 153 123 60	#997B3C
16.7%	16.7% #A5894E	RGB 165 137 78	#A5894E
33.3%	33.3% #B19862	RGB 177 152 98	#B19862
50.0%	50.0% #BDA778	RGB 189 167 120	#BDA778
66.7%	66.7% #C9B790	RGB 201 183 144	#C9B790
83.3%	83.3% #D5C7AA	RGB 213 199 170	#D5C7AA
100.0%	100.0% #E1D9C7	RGB 225 217 199	#E1D9C7

#997B3C #A5894E #B19862 #BDA778 #C9B790 #D5C7AA #E1D9C7

#997B3C - #BDA778 - #E1D9C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #997B3C 0%, #BDA778 50%, #E1D9C7 100%);
    background: -webkit-linear-gradient(top, #997B3C 0%, #BDA778 50%, #E1D9C7 100%);
    background: linear-gradient(to bottom, #997B3C 0%, #BDA778 50%, #E1D9C7 100%);
}
</style>