#C9C7C7 - #9C767E | 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 #C9C7C7 to #9C767E

#C9C7C7 #9C767E

Calculate the color between two colors, #C9C7C7 and #9C767E. 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)

#C9C7C7 - #9C767E | 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 #C9C7C7 as 0% and #9C767E as 100%.

0.0%	0.0% #C9C7C7	RGB 201 199 199	#C9C7C7
16.7%	16.7% #C1B9BA	RGB 193 185 186	#C1B9BA
33.3%	33.3% #BAACAE	RGB 186 172 174	#BAACAE
50.0%	50.0% #B29EA2	RGB 178 158 162	#B29EA2
66.7%	66.7% #AB9196	RGB 171 145 150	#AB9196
83.3%	83.3% #A3838A	RGB 163 131 138	#A3838A
100.0%	100.0% #9C767E	RGB 156 118 126	#9C767E

#C9C7C7 #C1B9BA #BAACAE #B29EA2 #AB9196 #A3838A #9C767E

#C9C7C7 - #9C767E

HSV Blend

#C9C7C7 - #9C767E | 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 #C9C7C7 as 0% and #9C767E as 100%.

0.0%	0.0% #C9C7C7	RGB 201 199 199	#C9C7C7
16.7%	16.7% #C1B8B8	RGB 193 184 184	#C1B8B8
33.3%	33.3% #BAA9AA	RGB 186 169 170	#BAA9AA
50.0%	50.0% #B29B9E	RGB 178 155 158	#B29B9E
66.7%	66.7% #AB8E92	RGB 171 142 146	#AB8E92
83.3%	83.3% #A38287	RGB 163 130 135	#A38287
100.0%	100.0% #9C767E	RGB 156 118 126	#9C767E

#C9C7C7 #C1B8B8 #BAA9AA #B29B9E #AB8E92 #A38287 #9C767E

#C9C7C7 - #B29B9E - #9C767E

CSS codes

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

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