#9C9C3C - #E2E2C7 | 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 #9C9C3C to #E2E2C7

#9C9C3C #E2E2C7

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

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

0.0%	0.0% #9C9C3C	RGB 156 156 60	#9C9C3C
16.7%	16.7% #A7A753	RGB 167 167 83	#A7A753
33.3%	33.3% #B3B36A	RGB 179 179 106	#B3B36A
50.0%	50.0% #BFBF81	RGB 191 191 129	#BFBF81
66.7%	66.7% #CACA98	RGB 202 202 152	#CACA98
83.3%	83.3% #D6D6AF	RGB 214 214 175	#D6D6AF
100.0%	100.0% #E2E2C7	RGB 226 226 199	#E2E2C7

#9C9C3C #A7A753 #B3B36A #BFBF81 #CACA98 #D6D6AF #E2E2C7

#9C9C3C - #E2E2C7

HSV Blend

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

0.0%	0.0% #9C9C3C	RGB 156 156 60	#9C9C3C
16.7%	16.7% #A7A74E	RGB 167 167 78	#A7A74E
33.3%	33.3% #B3B362	RGB 179 179 98	#B3B362
50.0%	50.0% #BFBF78	RGB 191 191 120	#BFBF78
66.7%	66.7% #CACA90	RGB 202 202 144	#CACA90
83.3%	83.3% #D6D6AB	RGB 214 214 171	#D6D6AB
100.0%	100.0% #E2E2C7	RGB 226 226 199	#E2E2C7

#9C9C3C #A7A74E #B3B362 #BFBF78 #CACA90 #D6D6AB #E2E2C7

#9C9C3C - #BFBF78 - #E2E2C7

CSS codes

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

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