#C9C8C8 - #B17F77 | 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 #C9C8C8 to #B17F77

#C9C8C8 #B17F77

Calculate the color between two colors, #C9C8C8 and #B17F77. 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)

#C9C8C8 - #B17F77 | 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 #C9C8C8 as 0% and #B17F77 as 100%.

0.0%	0.0% #C9C8C8	RGB 201 200 200	#C9C8C8
16.7%	16.7% #C5BBBA	RGB 197 187 186	#C5BBBA
33.3%	33.3% #C1AFAD	RGB 193 175 173	#C1AFAD
50.0%	50.0% #BDA39F	RGB 189 163 159	#BDA39F
66.7%	66.7% #B99792	RGB 185 151 146	#B99792
83.3%	83.3% #B58B84	RGB 181 139 132	#B58B84
100.0%	100.0% #B17F77	RGB 177 127 119	#B17F77

#C9C8C8 #C5BBBA #C1AFAD #BDA39F #B99792 #B58B84 #B17F77

#C9C8C8 - #B17F77

HSV Blend

#C9C8C8 - #B17F77 | 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 #C9C8C8 as 0% and #B17F77 as 100%.

0.0%	0.0% #C9C8C8	RGB 201 200 200	#C9C8C8
16.7%	16.7% #C5B9B9	RGB 197 185 185	#C5B9B9
33.3%	33.3% #C1ACAB	RGB 193 172 171	#C1ACAB
50.0%	50.0% #BD9F9D	RGB 189 159 157	#BD9F9D
66.7%	66.7% #B99490	RGB 185 148 144	#B99490
83.3%	83.3% #B58983	RGB 181 137 131	#B58983
100.0%	100.0% #B17F77	RGB 177 127 119	#B17F77

#C9C8C8 #C5B9B9 #C1ACAB #BD9F9D #B99490 #B58983 #B17F77

#C9C8C8 - #BD9F9D - #B17F77

CSS codes

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

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