#2B0306 - #C2B7B7 | 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 #2B0306 to #C2B7B7

#2B0306 #C2B7B7

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

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

0.0%	0.0% #2B0306	RGB 43 3 6	#2B0306
16.7%	16.7% #442123	RGB 68 33 35	#442123
33.3%	33.3% #5D3F41	RGB 93 63 65	#5D3F41
50.0%	50.0% #765D5E	RGB 118 93 94	#765D5E
66.7%	66.7% #8F7B7C	RGB 143 123 124	#8F7B7C
83.3%	83.3% #A89999	RGB 168 153 153	#A89999
100.0%	100.0% #C2B7B7	RGB 194 183 183	#C2B7B7

#2B0306 #442123 #5D3F41 #765D5E #8F7B7C #A89999 #C2B7B7

#2B0306 - #C2B7B7

HSV Blend

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

0.0%	0.0% #2B0305	RGB 43 3 5	#2B0305
16.7%	16.7% #440E12	RGB 68 14 18	#440E12
33.3%	33.3% #5D2124	RGB 93 33 36	#5D2124
50.0%	50.0% #763C3E	RGB 118 60 62	#763C3E
66.7%	66.7% #8F5D5E	RGB 143 93 94	#8F5D5E
83.3%	83.3% #A88687	RGB 168 134 135	#A88687
100.0%	100.0% #C2B7B7	RGB 194 183 183	#C2B7B7

#2B0305 #440E12 #5D2124 #763C3E #8F5D5E #A88687 #C2B7B7

#2B0306 - #763C3E - #C2B7B7

CSS codes

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

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