#C5B6BC - #8F6677 | 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 #C5B6BC to #8F6677

#C5B6BC #8F6677

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

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

0.0%	0.0% #C5B6BC	RGB 197 182 188	#C5B6BC
16.7%	16.7% #BCA8B0	RGB 188 168 176	#BCA8B0
33.3%	33.3% #B39BA5	RGB 179 155 165	#B39BA5
50.0%	50.0% #AA8E99	RGB 170 142 153	#AA8E99
66.7%	66.7% #A1808E	RGB 161 128 142	#A1808E
83.3%	83.3% #987382	RGB 152 115 130	#987382
100.0%	100.0% #8F6677	RGB 143 102 119	#8F6677

#C5B6BC #BCA8B0 #B39BA5 #AA8E99 #A1808E #987382 #8F6677

#C5B6BC - #8F6677

HSV Blend

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

0.0%	0.0% #C5B6BC	RGB 197 182 188	#C5B6BC
16.7%	16.7% #BCA7AF	RGB 188 167 175	#BCA7AF
33.3%	33.3% #B398A3	RGB 179 152 163	#B398A3
50.0%	50.0% #AA8B97	RGB 170 139 151	#AA8B97
66.7%	66.7% #A17E8C	RGB 161 126 140	#A17E8C
83.3%	83.3% #987181	RGB 152 113 129	#987181
100.0%	100.0% #8F6677	RGB 143 102 119	#8F6677

#C5B6BC #BCA7AF #B398A3 #AA8B97 #A17E8C #987181 #8F6677

#C5B6BC - #AA8B97 - #8F6677

CSS codes

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

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