#C9C9C6 - #9C9075 | 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 #C9C9C6 to #9C9075

#C9C9C6 #9C9075

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

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

0.0%	0.0% #C9C9C6	RGB 201 201 198	#C9C9C6
16.7%	16.7% #C1BFB8	RGB 193 191 184	#C1BFB8
33.3%	33.3% #BAB6AB	RGB 186 182 171	#BAB6AB
50.0%	50.0% #B2AC9D	RGB 178 172 157	#B2AC9D
66.7%	66.7% #ABA390	RGB 171 163 144	#ABA390
83.3%	83.3% #A39982	RGB 163 153 130	#A39982
100.0%	100.0% #9C9075	RGB 156 144 117	#9C9075

#C9C9C6 #C1BFB8 #BAB6AB #B2AC9D #ABA390 #A39982 #9C9075

#C9C9C6 - #9C9075

HSV Blend

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

0.0%	0.0% #C9C9C6	RGB 201 201 198	#C9C9C6
16.7%	16.7% #C1C0B7	RGB 193 192 183	#C1C0B7
33.3%	33.3% #BAB8A8	RGB 186 184 168	#BAB8A8
50.0%	50.0% #B2AE9A	RGB 178 174 154	#B2AE9A
66.7%	66.7% #ABA48D	RGB 171 164 141	#ABA48D
83.3%	83.3% #A39A81	RGB 163 154 129	#A39A81
100.0%	100.0% #9C9075	RGB 156 144 117	#9C9075

#C9C9C6 #C1C0B7 #BAB8A8 #B2AE9A #ABA48D #A39A81 #9C9075

#C9C9C6 - #B2AE9A - #9C9075

CSS codes

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

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