#C3C3A8 - #988C54 | 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 #C3C3A8 to #988C54

#C3C3A8 #988C54

Calculate the color between two colors, #C3C3A8 and #988C54. 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)

#C3C3A8 - #988C54 | 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 #C3C3A8 as 0% and #988C54 as 100%.

0.0%	0.0% #C3C3A8	RGB 195 195 168	#C3C3A8
16.7%	16.7% #BBB99A	RGB 187 185 154	#BBB99A
33.3%	33.3% #B4B08C	RGB 180 176 140	#B4B08C
50.0%	50.0% #ADA77E	RGB 173 167 126	#ADA77E
66.7%	66.7% #A69E70	RGB 166 158 112	#A69E70
83.3%	83.3% #9F9562	RGB 159 149 98	#9F9562
100.0%	100.0% #988C54	RGB 152 140 84	#988C54

#C3C3A8 #BBB99A #B4B08C #ADA77E #A69E70 #9F9562 #988C54

#C3C3A8 - #988C54

HSV Blend

#C3C3A8 - #988C54 | 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 #C3C3A8 as 0% and #988C54 as 100%.

0.0%	0.0% #C3C3A8	RGB 195 195 168	#C3C3A8
16.7%	16.7% #BBBA98	RGB 187 186 152	#BBBA98
33.3%	33.3% #B4B289	RGB 180 178 137	#B4B289
50.0%	50.0% #ADA97A	RGB 173 169 122	#ADA97A
66.7%	66.7% #A69F6D	RGB 166 159 109	#A69F6D
83.3%	83.3% #9F9560	RGB 159 149 96	#9F9560
100.0%	100.0% #988C54	RGB 152 140 84	#988C54

#C3C3A8 #BBBA98 #B4B289 #ADA97A #A69F6D #9F9560 #988C54

#C3C3A8 - #ADA97A - #988C54

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C3A8 0%, #ADA97A 50%, #988C54 100%);
    background: -webkit-linear-gradient(top, #C3C3A8 0%, #ADA97A 50%, #988C54 100%);
    background: linear-gradient(to bottom, #C3C3A8 0%, #ADA97A 50%, #988C54 100%);
}
</style>