#C2C0BE - #9F7E6B | 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 #C2C0BE to #9F7E6B

#C2C0BE #9F7E6B

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

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

0.0%	0.0% #C2C0BE	RGB 194 192 190	#C2C0BE
16.7%	16.7% #BCB5B0	RGB 188 181 176	#BCB5B0
33.3%	33.3% #B6AAA2	RGB 182 170 162	#B6AAA2
50.0%	50.0% #B09F94	RGB 176 159 148	#B09F94
66.7%	66.7% #AA9486	RGB 170 148 134	#AA9486
83.3%	83.3% #A48978	RGB 164 137 120	#A48978
100.0%	100.0% #9F7E6B	RGB 159 126 107	#9F7E6B

#C2C0BE #BCB5B0 #B6AAA2 #B09F94 #AA9486 #A48978 #9F7E6B

#C2C0BE - #9F7E6B

HSV Blend

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

0.0%	0.0% #C2C0BE	RGB 194 192 190	#C2C0BE
16.7%	16.7% #BCB5AE	RGB 188 181 174	#BCB5AE
33.3%	33.3% #B6AA9F	RGB 182 170 159	#B6AA9F
50.0%	50.0% #B09F91	RGB 176 159 145	#B09F91
66.7%	66.7% #AA9484	RGB 170 148 132	#AA9484
83.3%	83.3% #A48877	RGB 164 136 119	#A48877
100.0%	100.0% #9F7E6B	RGB 159 126 107	#9F7E6B

#C2C0BE #BCB5AE #B6AA9F #B09F91 #AA9484 #A48877 #9F7E6B

#C2C0BE - #B09F91 - #9F7E6B

CSS codes

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

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