#C9CFCF - #6A8F6E | 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 #C9CFCF to #6A8F6E

#C9CFCF #6A8F6E

Calculate the color between two colors, #C9CFCF and #6A8F6E. 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)

#C9CFCF - #6A8F6E | 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 #C9CFCF as 0% and #6A8F6E as 100%.

0.0%	0.0% #C9CFCF	RGB 201 207 207	#C9CFCF
16.7%	16.7% #B9C4BE	RGB 185 196 190	#B9C4BE
33.3%	33.3% #A9B9AE	RGB 169 185 174	#A9B9AE
50.0%	50.0% #99AF9E	RGB 153 175 158	#99AF9E
66.7%	66.7% #89A48E	RGB 137 164 142	#89A48E
83.3%	83.3% #79997E	RGB 121 153 126	#79997E
100.0%	100.0% #6A8F6E	RGB 106 143 110	#6A8F6E

#C9CFCF #B9C4BE #A9B9AE #99AF9E #89A48E #79997E #6A8F6E

#C9CFCF - #6A8F6E

HSV Blend

#C9CFCF - #6A8F6E | 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 #C9CFCF as 0% and #6A8F6E as 100%.

0.0%	0.0% #C9CFCF	RGB 201 207 207	#C9CFCF
16.7%	16.7% #B7C4C2	RGB 183 196 194	#B7C4C2
33.3%	33.3% #A6B9B3	RGB 166 185 179	#A6B9B3
50.0%	50.0% #95AFA3	RGB 149 175 163	#95AFA3
66.7%	66.7% #86A492	RGB 134 164 146	#86A492
83.3%	83.3% #779980	RGB 119 153 128	#779980
100.0%	100.0% #6A8F6E	RGB 106 143 110	#6A8F6E

#C9CFCF #B7C4C2 #A6B9B3 #95AFA3 #86A492 #779980 #6A8F6E

#C9CFCF - #95AFA3 - #6A8F6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9CFCF 0%, #95AFA3 50%, #6A8F6E 100%);
    background: -webkit-linear-gradient(top, #C9CFCF 0%, #95AFA3 50%, #6A8F6E 100%);
    background: linear-gradient(to bottom, #C9CFCF 0%, #95AFA3 50%, #6A8F6E 100%);
}
</style>