#2B030E - #C2B7B9 | 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 #2B030E to #C2B7B9

#2B030E #C2B7B9

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

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

0.0%	0.0% #2B030E	RGB 43 3 14	#2B030E
16.7%	16.7% #44212A	RGB 68 33 42	#44212A
33.3%	33.3% #5D3F47	RGB 93 63 71	#5D3F47
50.0%	50.0% #765D63	RGB 118 93 99	#765D63
66.7%	66.7% #8F7B80	RGB 143 123 128	#8F7B80
83.3%	83.3% #A8999C	RGB 168 153 156	#A8999C
100.0%	100.0% #C2B7B9	RGB 194 183 185	#C2B7B9

#2B030E #44212A #5D3F47 #765D63 #8F7B80 #A8999C #C2B7B9

#2B030E - #C2B7B9

HSV Blend

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

0.0%	0.0% #2B030E	RGB 43 3 14	#2B030E
16.7%	16.7% #440E1C	RGB 68 14 28	#440E1C
33.3%	33.3% #5D2130	RGB 93 33 48	#5D2130
50.0%	50.0% #763C49	RGB 118 60 73	#763C49
66.7%	66.7% #8F5D68	RGB 143 93 104	#8F5D68
83.3%	83.3% #A8868D	RGB 168 134 141	#A8868D
100.0%	100.0% #C2B7B9	RGB 194 183 185	#C2B7B9

#2B030E #440E1C #5D2130 #763C49 #8F5D68 #A8868D #C2B7B9

#2B030E - #763C49 - #C2B7B9

CSS codes

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

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