#C9CAAE - #8C9459 | 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 #C9CAAE to #8C9459

#C9CAAE #8C9459

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

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

0.0%	0.0% #C9CAAE	RGB 201 202 174	#C9CAAE
16.7%	16.7% #BEC19F	RGB 190 193 159	#BEC19F
33.3%	33.3% #B4B891	RGB 180 184 145	#B4B891
50.0%	50.0% #AAAF83	RGB 170 175 131	#AAAF83
66.7%	66.7% #A0A675	RGB 160 166 117	#A0A675
83.3%	83.3% #969D67	RGB 150 157 103	#969D67
100.0%	100.0% #8C9459	RGB 140 148 89	#8C9459

#C9CAAE #BEC19F #B4B891 #AAAF83 #A0A675 #969D67 #8C9459

#C9CAAE - #8C9459

HSV Blend

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

0.0%	0.0% #C9CAAE	RGB 201 202 174	#C9CAAE
16.7%	16.7% #BFC19D	RGB 191 193 157	#BFC19D
33.3%	33.3% #B5B88E	RGB 181 184 142	#B5B88E
50.0%	50.0% #AAAF7F	RGB 170 175 127	#AAAF7F
66.7%	66.7% #A0A672	RGB 160 166 114	#A0A672
83.3%	83.3% #969D65	RGB 150 157 101	#969D65
100.0%	100.0% #8C9459	RGB 140 148 89	#8C9459

#C9CAAE #BFC19D #B5B88E #AAAF7F #A0A672 #969D65 #8C9459

#C9CAAE - #AAAF7F - #8C9459

CSS codes

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

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