#C8CDA2 - #8A9A4D | 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 #C8CDA2 to #8A9A4D

#C8CDA2 #8A9A4D

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

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

0.0%	0.0% #C8CDA2	RGB 200 205 162	#C8CDA2
16.7%	16.7% #BDC493	RGB 189 196 147	#BDC493
33.3%	33.3% #B3BC85	RGB 179 188 133	#B3BC85
50.0%	50.0% #A9B377	RGB 169 179 119	#A9B377
66.7%	66.7% #9EAB69	RGB 158 171 105	#9EAB69
83.3%	83.3% #94A25B	RGB 148 162 91	#94A25B
100.0%	100.0% #8A9A4D	RGB 138 154 77	#8A9A4D

#C8CDA2 #BDC493 #B3BC85 #A9B377 #9EAB69 #94A25B #8A9A4D

#C8CDA2 - #8A9A4D

HSV Blend

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

0.0%	0.0% #C8CDA2	RGB 200 205 162	#C8CDA2
16.7%	16.7% #BDC491	RGB 189 196 145	#BDC491
33.3%	33.3% #B3BC82	RGB 179 188 130	#B3BC82
50.0%	50.0% #A9B373	RGB 169 179 115	#A9B373
66.7%	66.7% #9EAB66	RGB 158 171 102	#9EAB66
83.3%	83.3% #94A259	RGB 148 162 89	#94A259
100.0%	100.0% #8A9A4D	RGB 138 154 77	#8A9A4D

#C8CDA2 #BDC491 #B3BC82 #A9B373 #9EAB66 #94A259 #8A9A4D

#C8CDA2 - #A9B373 - #8A9A4D

CSS codes

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

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