#C0CD9F - #7D9E4A | 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 #C0CD9F to #7D9E4A

#C0CD9F #7D9E4A

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

#C0CD9F - #7D9E4A | 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 #C0CD9F as 0% and #7D9E4A as 100%.

0.0%	0.0% #C0CD9F	RGB 192 205 159	#C0CD9F
16.7%	16.7% #B4C590	RGB 180 197 144	#B4C590
33.3%	33.3% #A9BD82	RGB 169 189 130	#A9BD82
50.0%	50.0% #9EB574	RGB 158 181 116	#9EB574
66.7%	66.7% #93AD66	RGB 147 173 102	#93AD66
83.3%	83.3% #88A558	RGB 136 165 88	#88A558
100.0%	100.0% #7D9E4A	RGB 125 158 74	#7D9E4A

#C0CD9F #B4C590 #A9BD82 #9EB574 #93AD66 #88A558 #7D9E4A

#C0CD9F - #7D9E4A

HSV Blend

#C0CD9F - #7D9E4A | 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 #C0CD9F as 0% and #7D9E4A as 100%.

0.0%	0.0% #C0CD9F	RGB 192 205 159	#C0CD9F
16.7%	16.7% #B4C58E	RGB 180 197 142	#B4C58E
33.3%	33.3% #A9BD7F	RGB 169 189 127	#A9BD7F
50.0%	50.0% #9EB570	RGB 158 181 112	#9EB570
66.7%	66.7% #93AD63	RGB 147 173 99	#93AD63
83.3%	83.3% #87A556	RGB 135 165 86	#87A556
100.0%	100.0% #7D9E4A	RGB 125 158 74	#7D9E4A

#C0CD9F #B4C58E #A9BD7F #9EB570 #93AD63 #87A556 #7D9E4A

#C0CD9F - #9EB570 - #7D9E4A

CSS codes

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

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