#C5BBBA - #8C7166 | 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 #C5BBBA to #8C7166

#C5BBBA #8C7166

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

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

0.0%	0.0% #C5BBBA	RGB 197 187 186	#C5BBBA
16.7%	16.7% #BBAEAC	RGB 187 174 172	#BBAEAC
33.3%	33.3% #B2A29E	RGB 178 162 158	#B2A29E
50.0%	50.0% #A89690	RGB 168 150 144	#A89690
66.7%	66.7% #9F8982	RGB 159 137 130	#9F8982
83.3%	83.3% #957D74	RGB 149 125 116	#957D74
100.0%	100.0% #8C7166	RGB 140 113 102	#8C7166

#C5BBBA #BBAEAC #B2A29E #A89690 #9F8982 #957D74 #8C7166

#C5BBBA - #8C7166

HSV Blend

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

0.0%	0.0% #C5BBBA	RGB 197 187 186	#C5BBBA
16.7%	16.7% #BBACAA	RGB 187 172 170	#BBACAA
33.3%	33.3% #B29E9B	RGB 178 158 155	#B29E9B
50.0%	50.0% #A8928C	RGB 168 146 140	#A8928C
66.7%	66.7% #9F867F	RGB 159 134 127	#9F867F
83.3%	83.3% #957B72	RGB 149 123 114	#957B72
100.0%	100.0% #8C7166	RGB 140 113 102	#8C7166

#C5BBBA #BBACAA #B29E9B #A8928C #9F867F #957B72 #8C7166

#C5BBBA - #A8928C - #8C7166

CSS codes

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

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