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

#2B0308 #C2B7B7

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

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

0.0%	0.0% #2B0308	RGB 43 3 8	#2B0308
16.7%	16.7% #442125	RGB 68 33 37	#442125
33.3%	33.3% #5D3F42	RGB 93 63 66	#5D3F42
50.0%	50.0% #765D5F	RGB 118 93 95	#765D5F
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

#2B0308 #442125 #5D3F42 #765D5F #8F7B7C #A89999 #C2B7B7

#2B0308 - #C2B7B7

HSV Blend

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

0.0%	0.0% #2B0307	RGB 43 3 7	#2B0307
16.7%	16.7% #440E14	RGB 68 14 20	#440E14
33.3%	33.3% #5D2126	RGB 93 33 38	#5D2126
50.0%	50.0% #763C3F	RGB 118 60 63	#763C3F
66.7%	66.7% #8F5D5F	RGB 143 93 95	#8F5D5F
83.3%	83.3% #A88687	RGB 168 134 135	#A88687
100.0%	100.0% #C2B7B7	RGB 194 183 183	#C2B7B7

#2B0307 #440E14 #5D2126 #763C3F #8F5D5F #A88687 #C2B7B7

#2B0308 - #763C3F - #C2B7B7

CSS codes

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

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