#C9CDA5 - #8B9A50 | 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 #C9CDA5 to #8B9A50

#C9CDA5 #8B9A50

Calculate the color between two colors, #C9CDA5 and #8B9A50. 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)

#C9CDA5 - #8B9A50 | 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 #C9CDA5 as 0% and #8B9A50 as 100%.

0.0%	0.0% #C9CDA5	RGB 201 205 165	#C9CDA5
16.7%	16.7% #BEC496	RGB 190 196 150	#BEC496
33.3%	33.3% #B4BC88	RGB 180 188 136	#B4BC88
50.0%	50.0% #AAB37A	RGB 170 179 122	#AAB37A
66.7%	66.7% #9FAB6C	RGB 159 171 108	#9FAB6C
83.3%	83.3% #95A25E	RGB 149 162 94	#95A25E
100.0%	100.0% #8B9A50	RGB 139 154 80	#8B9A50

#C9CDA5 #BEC496 #B4BC88 #AAB37A #9FAB6C #95A25E #8B9A50

#C9CDA5 - #8B9A50

HSV Blend

#C9CDA5 - #8B9A50 | 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 #C9CDA5 as 0% and #8B9A50 as 100%.

0.0%	0.0% #C9CDA5	RGB 201 205 165	#C9CDA5
16.7%	16.7% #BEC494	RGB 190 196 148	#BEC494
33.3%	33.3% #B4BC85	RGB 180 188 133	#B4BC85
50.0%	50.0% #AAB376	RGB 170 179 118	#AAB376
66.7%	66.7% #9FAB69	RGB 159 171 105	#9FAB69
83.3%	83.3% #95A25C	RGB 149 162 92	#95A25C
100.0%	100.0% #8B9A50	RGB 139 154 80	#8B9A50

#C9CDA5 #BEC494 #B4BC85 #AAB376 #9FAB69 #95A25C #8B9A50

#C9CDA5 - #AAB376 - #8B9A50

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9CDA5 0%, #AAB376 50%, #8B9A50 100%);
    background: -webkit-linear-gradient(top, #C9CDA5 0%, #AAB376 50%, #8B9A50 100%);
    background: linear-gradient(to bottom, #C9CDA5 0%, #AAB376 50%, #8B9A50 100%);
}
</style>