#2F030C - #C3B7B9 | 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 #2F030C to #C3B7B9

#2F030C #C3B7B9

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

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

0.0%	0.0% #2F030C	RGB 47 3 12	#2F030C
16.7%	16.7% #472128	RGB 71 33 40	#472128
33.3%	33.3% #603F45	RGB 96 63 69	#603F45
50.0%	50.0% #795D62	RGB 121 93 98	#795D62
66.7%	66.7% #917B7F	RGB 145 123 127	#917B7F
83.3%	83.3% #AA999C	RGB 170 153 156	#AA999C
100.0%	100.0% #C3B7B9	RGB 195 183 185	#C3B7B9

#2F030C #472128 #603F45 #795D62 #917B7F #AA999C #C3B7B9

#2F030C - #C3B7B9

HSV Blend

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

0.0%	0.0% #2F020C	RGB 47 2 12	#2F020C
16.7%	16.7% #470F1A	RGB 71 15 26	#470F1A
33.3%	33.3% #60222E	RGB 96 34 46	#60222E
50.0%	50.0% #793C47	RGB 121 60 71	#793C47
66.7%	66.7% #915E67	RGB 145 94 103	#915E67
83.3%	83.3% #AA878D	RGB 170 135 141	#AA878D
100.0%	100.0% #C3B7B9	RGB 195 183 185	#C3B7B9

#2F020C #470F1A #60222E #793C47 #915E67 #AA878D #C3B7B9

#2F030C - #793C47 - #C3B7B9

CSS codes

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

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