#2F231A - #C3C0BD | 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 #2F231A to #C3C0BD

#2F231A #C3C0BD

Calculate the color between two colors, #2F231A and #C3C0BD. 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)

#2F231A - #C3C0BD | 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 #2F231A as 0% and #C3C0BD as 100%.

0.0%	0.0% #2F231A	RGB 47 35 26	#2F231A
16.7%	16.7% #473D35	RGB 71 61 53	#473D35
33.3%	33.3% #605750	RGB 96 87 80	#605750
50.0%	50.0% #79716B	RGB 121 113 107	#79716B
66.7%	66.7% #918B86	RGB 145 139 134	#918B86
83.3%	83.3% #AAA5A1	RGB 170 165 161	#AAA5A1
100.0%	100.0% #C3C0BD	RGB 195 192 189	#C3C0BD

#2F231A #473D35 #605750 #79716B #918B86 #AAA5A1 #C3C0BD

#2F231A - #C3C0BD

HSV Blend

#2F231A - #C3C0BD | 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 #2F231A as 0% and #C3C0BD as 100%.

0.0%	0.0% #2F231A	RGB 47 35 26	#2F231A
16.7%	16.7% #47382C	RGB 71 56 44	#47382C
33.3%	33.3% #605042	RGB 96 80 66	#605042
50.0%	50.0% #79695C	RGB 121 105 92	#79695C
66.7%	66.7% #918478	RGB 145 132 120	#918478
83.3%	83.3% #AAA199	RGB 170 161 153	#AAA199
100.0%	100.0% #C3C0BD	RGB 195 192 189	#C3C0BD

#2F231A #47382C #605042 #79695C #918478 #AAA199 #C3C0BD

#2F231A - #79695C - #C3C0BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F231A 0%, #79695C 50%, #C3C0BD 100%);
    background: -webkit-linear-gradient(top, #2F231A 0%, #79695C 50%, #C3C0BD 100%);
    background: linear-gradient(to bottom, #2F231A 0%, #79695C 50%, #C3C0BD 100%);
}
</style>