#C9C6C7 - #97767E | 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 #C9C6C7 to #97767E

#C9C6C7 #97767E

Calculate the color between two colors, #C9C6C7 and #97767E. 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)

#C9C6C7 - #97767E | 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 #C9C6C7 as 0% and #97767E as 100%.

0.0%	0.0% #C9C6C7	RGB 201 198 199	#C9C6C7
16.7%	16.7% #C0B8BA	RGB 192 184 186	#C0B8BA
33.3%	33.3% #B8ABAE	RGB 184 171 174	#B8ABAE
50.0%	50.0% #B09EA2	RGB 176 158 162	#B09EA2
66.7%	66.7% #A79096	RGB 167 144 150	#A79096
83.3%	83.3% #9F838A	RGB 159 131 138	#9F838A
100.0%	100.0% #97767E	RGB 151 118 126	#97767E

#C9C6C7 #C0B8BA #B8ABAE #B09EA2 #A79096 #9F838A #97767E

#C9C6C7 - #97767E

HSV Blend

#C9C6C7 - #97767E | 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 #C9C6C7 as 0% and #97767E as 100%.

0.0%	0.0% #C9C6C7	RGB 201 198 199	#C9C6C7
16.7%	16.7% #C0B7BA	RGB 192 183 186	#C0B7BA
33.3%	33.3% #B8A9AD	RGB 184 169 173	#B8A9AD
50.0%	50.0% #B09BA1	RGB 176 155 161	#B09BA1
66.7%	66.7% #A78E95	RGB 167 142 149	#A78E95
83.3%	83.3% #9F8189	RGB 159 129 137	#9F8189
100.0%	100.0% #97767E	RGB 151 118 126	#97767E

#C9C6C7 #C0B7BA #B8A9AD #B09BA1 #A78E95 #9F8189 #97767E

#C9C6C7 - #B09BA1 - #97767E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9C6C7 0%, #B09BA1 50%, #97767E 100%);
    background: -webkit-linear-gradient(top, #C9C6C7 0%, #B09BA1 50%, #97767E 100%);
    background: linear-gradient(to bottom, #C9C6C7 0%, #B09BA1 50%, #97767E 100%);
}
</style>