#C0CAA1 - #7E994C | 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 #C0CAA1 to #7E994C

#C0CAA1 #7E994C

Calculate the color between two colors, #C0CAA1 and #7E994C. 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)

#C0CAA1 - #7E994C | 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 #C0CAA1 as 0% and #7E994C as 100%.

0.0%	0.0% #C0CAA1	RGB 192 202 161	#C0CAA1
16.7%	16.7% #B5C192	RGB 181 193 146	#B5C192
33.3%	33.3% #AAB984	RGB 170 185 132	#AAB984
50.0%	50.0% #9FB176	RGB 159 177 118	#9FB176
66.7%	66.7% #94A968	RGB 148 169 104	#94A968
83.3%	83.3% #89A15A	RGB 137 161 90	#89A15A
100.0%	100.0% #7E994C	RGB 126 153 76	#7E994C

#C0CAA1 #B5C192 #AAB984 #9FB176 #94A968 #89A15A #7E994C

#C0CAA1 - #7E994C

HSV Blend

#C0CAA1 - #7E994C | 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 #C0CAA1 as 0% and #7E994C as 100%.

0.0%	0.0% #C0CAA1	RGB 192 202 161	#C0CAA1
16.7%	16.7% #B4C190	RGB 180 193 144	#B4C190
33.3%	33.3% #A9B981	RGB 169 185 129	#A9B981
50.0%	50.0% #9EB172	RGB 158 177 114	#9EB172
66.7%	66.7% #93A965	RGB 147 169 101	#93A965
83.3%	83.3% #88A158	RGB 136 161 88	#88A158
100.0%	100.0% #7E994C	RGB 126 153 76	#7E994C

#C0CAA1 #B4C190 #A9B981 #9EB172 #93A965 #88A158 #7E994C

#C0CAA1 - #9EB172 - #7E994C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CAA1 0%, #9EB172 50%, #7E994C 100%);
    background: -webkit-linear-gradient(top, #C0CAA1 0%, #9EB172 50%, #7E994C 100%);
    background: linear-gradient(to bottom, #C0CAA1 0%, #9EB172 50%, #7E994C 100%);
}
</style>