#2D170C - #C3BCB9 | 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 #2D170C to #C3BCB9

#2D170C #C3BCB9

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

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

0.0%	0.0% #2D170C	RGB 45 23 12	#2D170C
16.7%	16.7% #463228	RGB 70 50 40	#463228
33.3%	33.3% #5F4E45	RGB 95 78 69	#5F4E45
50.0%	50.0% #786962	RGB 120 105 98	#786962
66.7%	66.7% #91857F	RGB 145 133 127	#91857F
83.3%	83.3% #AAA09C	RGB 170 160 156	#AAA09C
100.0%	100.0% #C3BCB9	RGB 195 188 185	#C3BCB9

#2D170C #463228 #5F4E45 #786962 #91857F #AAA09C #C3BCB9

#2D170C - #C3BCB9

HSV Blend

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

0.0%	0.0% #2D170C	RGB 45 23 12	#2D170C
16.7%	16.7% #46281A	RGB 70 40 26	#46281A
33.3%	33.3% #5F3E2E	RGB 95 62 46	#5F3E2E
50.0%	50.0% #785748	RGB 120 87 72	#785748
66.7%	66.7% #917568	RGB 145 117 104	#917568
83.3%	83.3% #AA968D	RGB 170 150 141	#AA968D
100.0%	100.0% #C3BCB9	RGB 195 188 185	#C3BCB9

#2D170C #46281A #5F3E2E #785748 #917568 #AA968D #C3BCB9

#2D170C - #785748 - #C3BCB9

CSS codes

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

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