#C9CD8D - #8D9A3A | 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 #C9CD8D to #8D9A3A

#C9CD8D #8D9A3A

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

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

0.0%	0.0% #C9CD8D	RGB 201 205 141	#C9CD8D
16.7%	16.7% #BFC47F	RGB 191 196 127	#BFC47F
33.3%	33.3% #B5BC71	RGB 181 188 113	#B5BC71
50.0%	50.0% #ABB363	RGB 171 179 99	#ABB363
66.7%	66.7% #A1AB55	RGB 161 171 85	#A1AB55
83.3%	83.3% #97A247	RGB 151 162 71	#97A247
100.0%	100.0% #8D9A3A	RGB 141 154 58	#8D9A3A

#C9CD8D #BFC47F #B5BC71 #ABB363 #A1AB55 #97A247 #8D9A3A

#C9CD8D - #8D9A3A

HSV Blend

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

0.0%	0.0% #C9CD8D	RGB 201 205 141	#C9CD8D
16.7%	16.7% #BFC47C	RGB 191 196 124	#BFC47C
33.3%	33.3% #B5BC6D	RGB 181 188 109	#B5BC6D
50.0%	50.0% #ABB35F	RGB 171 179 95	#ABB35F
66.7%	66.7% #A1AB52	RGB 161 171 82	#A1AB52
83.3%	83.3% #97A245	RGB 151 162 69	#97A245
100.0%	100.0% #8D9A3A	RGB 141 154 58	#8D9A3A

#C9CD8D #BFC47C #B5BC6D #ABB35F #A1AB52 #97A245 #8D9A3A

#C9CD8D - #ABB35F - #8D9A3A

CSS codes

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

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