#C5B6B8 - #8F666B | 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 #C5B6B8 to #8F666B

#C5B6B8 #8F666B

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

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

0.0%	0.0% #C5B6B8	RGB 197 182 184	#C5B6B8
16.7%	16.7% #BCA8AB	RGB 188 168 171	#BCA8AB
33.3%	33.3% #B39B9E	RGB 179 155 158	#B39B9E
50.0%	50.0% #AA8E91	RGB 170 142 145	#AA8E91
66.7%	66.7% #A18084	RGB 161 128 132	#A18084
83.3%	83.3% #987377	RGB 152 115 119	#987377
100.0%	100.0% #8F666B	RGB 143 102 107	#8F666B

#C5B6B8 #BCA8AB #B39B9E #AA8E91 #A18084 #987377 #8F666B

#C5B6B8 - #8F666B

HSV Blend

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

0.0%	0.0% #C5B6B8	RGB 197 182 184	#C5B6B8
16.7%	16.7% #BCA7A9	RGB 188 167 169	#BCA7A9
33.3%	33.3% #B3989C	RGB 179 152 156	#B3989C
50.0%	50.0% #AA8B8F	RGB 170 139 143	#AA8B8F
66.7%	66.7% #A17E82	RGB 161 126 130	#A17E82
83.3%	83.3% #987176	RGB 152 113 118	#987176
100.0%	100.0% #8F666B	RGB 143 102 107	#8F666B

#C5B6B8 #BCA7A9 #B3989C #AA8B8F #A17E82 #987176 #8F666B

#C5B6B8 - #AA8B8F - #8F666B

CSS codes

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

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