#C0CBA2 - #7E9A4D | 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 #C0CBA2 to #7E9A4D

#C0CBA2 #7E9A4D

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

#C0CBA2 - #7E9A4D | 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 #C0CBA2 as 0% and #7E9A4D as 100%.

0.0%	0.0% #C0CBA2	RGB 192 203 162	#C0CBA2
16.7%	16.7% #B5C293	RGB 181 194 147	#B5C293
33.3%	33.3% #AABA85	RGB 170 186 133	#AABA85
50.0%	50.0% #9FB277	RGB 159 178 119	#9FB277
66.7%	66.7% #94AA69	RGB 148 170 105	#94AA69
83.3%	83.3% #89A25B	RGB 137 162 91	#89A25B
100.0%	100.0% #7E9A4D	RGB 126 154 77	#7E9A4D

#C0CBA2 #B5C293 #AABA85 #9FB277 #94AA69 #89A25B #7E9A4D

#C0CBA2 - #7E9A4D

HSV Blend

#C0CBA2 - #7E9A4D | 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 #C0CBA2 as 0% and #7E9A4D as 100%.

0.0%	0.0% #C0CBA2	RGB 192 203 162	#C0CBA2
16.7%	16.7% #B4C291	RGB 180 194 145	#B4C291
33.3%	33.3% #A9BA82	RGB 169 186 130	#A9BA82
50.0%	50.0% #9EB273	RGB 158 178 115	#9EB273
66.7%	66.7% #93AA66	RGB 147 170 102	#93AA66
83.3%	83.3% #88A259	RGB 136 162 89	#88A259
100.0%	100.0% #7E9A4D	RGB 126 154 77	#7E9A4D

#C0CBA2 #B4C291 #A9BA82 #9EB273 #93AA66 #88A259 #7E9A4D

#C0CBA2 - #9EB273 - #7E9A4D

CSS codes

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

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