#C9CEC7 - #8AAB76 | 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 #C9CEC7 to #8AAB76

#C9CEC7 #8AAB76

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

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

0.0%	0.0% #C9CEC7	RGB 201 206 199	#C9CEC7
16.7%	16.7% #BEC8B9	RGB 190 200 185	#BEC8B9
33.3%	33.3% #B4C2AC	RGB 180 194 172	#B4C2AC
50.0%	50.0% #A9BC9E	RGB 169 188 158	#A9BC9E
66.7%	66.7% #9FB691	RGB 159 182 145	#9FB691
83.3%	83.3% #94B083	RGB 148 176 131	#94B083
100.0%	100.0% #8AAB76	RGB 138 171 118	#8AAB76

#C9CEC7 #BEC8B9 #B4C2AC #A9BC9E #9FB691 #94B083 #8AAB76

#C9CEC7 - #8AAB76

HSV Blend

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

0.0%	0.0% #C9CEC7	RGB 201 206 199	#C9CEC7
16.7%	16.7% #BCC8B8	RGB 188 200 184	#BCC8B8
33.3%	33.3% #B1C2A9	RGB 177 194 169	#B1C2A9
50.0%	50.0% #A6BC9C	RGB 166 188 156	#A6BC9C
66.7%	66.7% #9CB68E	RGB 156 182 142	#9CB68E
83.3%	83.3% #93B082	RGB 147 176 130	#93B082
100.0%	100.0% #8AAB76	RGB 138 171 118	#8AAB76

#C9CEC7 #BCC8B8 #B1C2A9 #A6BC9C #9CB68E #93B082 #8AAB76

#C9CEC7 - #A6BC9C - #8AAB76

CSS codes

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

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