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

#2D150C #C3BCB9

Calculate the color between two colors, #2D150C 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)

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

0.0%	0.0% #2D150C	RGB 45 21 12	#2D150C
16.7%	16.7% #463028	RGB 70 48 40	#463028
33.3%	33.3% #5F4C45	RGB 95 76 69	#5F4C45
50.0%	50.0% #786862	RGB 120 104 98	#786862
66.7%	66.7% #91847F	RGB 145 132 127	#91847F
83.3%	83.3% #AAA09C	RGB 170 160 156	#AAA09C
100.0%	100.0% #C3BCB9	RGB 195 188 185	#C3BCB9

#2D150C #463028 #5F4C45 #786862 #91847F #AAA09C #C3BCB9

#2D150C - #C3BCB9

HSV Blend

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

0.0%	0.0% #2D150C	RGB 45 21 12	#2D150C
16.7%	16.7% #46261A	RGB 70 38 26	#46261A
33.3%	33.3% #5F3C2E	RGB 95 60 46	#5F3C2E
50.0%	50.0% #785648	RGB 120 86 72	#785648
66.7%	66.7% #917468	RGB 145 116 104	#917468
83.3%	83.3% #AA968D	RGB 170 150 141	#AA968D
100.0%	100.0% #C3BCB9	RGB 195 188 185	#C3BCB9

#2D150C #46261A #5F3C2E #785648 #917468 #AA968D #C3BCB9

#2D150C - #785648 - #C3BCB9

CSS codes

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

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