#C9CAA3 - #8D944E | 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 #C9CAA3 to #8D944E

#C9CAA3 #8D944E

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

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

0.0%	0.0% #C9CAA3	RGB 201 202 163	#C9CAA3
16.7%	16.7% #BFC194	RGB 191 193 148	#BFC194
33.3%	33.3% #B5B886	RGB 181 184 134	#B5B886
50.0%	50.0% #ABAF78	RGB 171 175 120	#ABAF78
66.7%	66.7% #A1A66A	RGB 161 166 106	#A1A66A
83.3%	83.3% #979D5C	RGB 151 157 92	#979D5C
100.0%	100.0% #8D944E	RGB 141 148 78	#8D944E

#C9CAA3 #BFC194 #B5B886 #ABAF78 #A1A66A #979D5C #8D944E

#C9CAA3 - #8D944E

HSV Blend

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

0.0%	0.0% #C9CAA3	RGB 201 202 163	#C9CAA3
16.7%	16.7% #BFC192	RGB 191 193 146	#BFC192
33.3%	33.3% #B5B883	RGB 181 184 131	#B5B883
50.0%	50.0% #ABAF74	RGB 171 175 116	#ABAF74
66.7%	66.7% #A1A666	RGB 161 166 102	#A1A666
83.3%	83.3% #979D5A	RGB 151 157 90	#979D5A
100.0%	100.0% #8D944E	RGB 141 148 78	#8D944E

#C9CAA3 #BFC192 #B5B883 #ABAF74 #A1A666 #979D5A #8D944E

#C9CAA3 - #ABAF74 - #8D944E

CSS codes

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

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