#C4B6B9 - #8F656D | 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 #C4B6B9 to #8F656D

#C4B6B9 #8F656D

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

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

0.0%	0.0% #C4B6B9	RGB 196 182 185	#C4B6B9
16.7%	16.7% #BBA8AC	RGB 187 168 172	#BBA8AC
33.3%	33.3% #B29B9F	RGB 178 155 159	#B29B9F
50.0%	50.0% #A98D93	RGB 169 141 147	#A98D93
66.7%	66.7% #A08086	RGB 160 128 134	#A08086
83.3%	83.3% #977279	RGB 151 114 121	#977279
100.0%	100.0% #8F656D	RGB 143 101 109	#8F656D

#C4B6B9 #BBA8AC #B29B9F #A98D93 #A08086 #977279 #8F656D

#C4B6B9 - #8F656D

HSV Blend

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

0.0%	0.0% #C4B6B9	RGB 196 182 185	#C4B6B9
16.7%	16.7% #BBA6AB	RGB 187 166 171	#BBA6AB
33.3%	33.3% #B2989D	RGB 178 152 157	#B2989D
50.0%	50.0% #A98A90	RGB 169 138 144	#A98A90
66.7%	66.7% #A07D84	RGB 160 125 132	#A07D84
83.3%	83.3% #977078	RGB 151 112 120	#977078
100.0%	100.0% #8F656D	RGB 143 101 109	#8F656D

#C4B6B9 #BBA6AB #B2989D #A98A90 #A07D84 #977078 #8F656D

#C4B6B9 - #A98A90 - #8F656D

CSS codes

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

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