#C9BBB5 - #9C7B5B | 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 #C9BBB5 to #9C7B5B

#C9BBB5 #9C7B5B

Calculate the color between two colors, #C9BBB5 and #9C7B5B. 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)

#C9BBB5 - #9C7B5B | 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 #C9BBB5 as 0% and #9C7B5B as 100%.

0.0%	0.0% #C9BBB5	RGB 201 187 181	#C9BBB5
16.7%	16.7% #C1B0A6	RGB 193 176 166	#C1B0A6
33.3%	33.3% #BAA597	RGB 186 165 151	#BAA597
50.0%	50.0% #B29B88	RGB 178 155 136	#B29B88
66.7%	66.7% #AB9079	RGB 171 144 121	#AB9079
83.3%	83.3% #A3856A	RGB 163 133 106	#A3856A
100.0%	100.0% #9C7B5B	RGB 156 123 91	#9C7B5B

#C9BBB5 #C1B0A6 #BAA597 #B29B88 #AB9079 #A3856A #9C7B5B

#C9BBB5 - #9C7B5B

HSV Blend

#C9BBB5 - #9C7B5B | 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 #C9BBB5 as 0% and #9C7B5B as 100%.

0.0%	0.0% #C9BBB5	RGB 201 187 181	#C9BBB5
16.7%	16.7% #C1ADA4	RGB 193 173 164	#C1ADA4
33.3%	33.3% #BAA193	RGB 186 161 147	#BAA193
50.0%	50.0% #B29684	RGB 178 150 132	#B29684
66.7%	66.7% #AB8C75	RGB 171 140 117	#AB8C75
83.3%	83.3% #A38368	RGB 163 131 104	#A38368
100.0%	100.0% #9C7B5B	RGB 156 123 91	#9C7B5B

#C9BBB5 #C1ADA4 #BAA193 #B29684 #AB8C75 #A38368 #9C7B5B

#C9BBB5 - #B29684 - #9C7B5B

CSS codes

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

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