#2B0F03 - #C2BAB7 | 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 #2B0F03 to #C2BAB7

#2B0F03 #C2BAB7

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

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

0.0%	0.0% #2B0F03	RGB 43 15 3	#2B0F03
16.7%	16.7% #442B21	RGB 68 43 33	#442B21
33.3%	33.3% #5D483F	RGB 93 72 63	#5D483F
50.0%	50.0% #76645D	RGB 118 100 93	#76645D
66.7%	66.7% #8F817B	RGB 143 129 123	#8F817B
83.3%	83.3% #A89D99	RGB 168 157 153	#A89D99
100.0%	100.0% #C2BAB7	RGB 194 186 183	#C2BAB7

#2B0F03 #442B21 #5D483F #76645D #8F817B #A89D99 #C2BAB7

#2B0F03 - #C2BAB7

HSV Blend

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

0.0%	0.0% #2B0F03	RGB 43 15 3	#2B0F03
16.7%	16.7% #441E0E	RGB 68 30 14	#441E0E
33.3%	33.3% #5D3321	RGB 93 51 33	#5D3321
50.0%	50.0% #764C3C	RGB 118 76 60	#764C3C
66.7%	66.7% #8F6B5D	RGB 143 107 93	#8F6B5D
83.3%	83.3% #A89086	RGB 168 144 134	#A89086
100.0%	100.0% #C2BAB7	RGB 194 186 183	#C2BAB7

#2B0F03 #441E0E #5D3321 #764C3C #8F6B5D #A89086 #C2BAB7

#2B0F03 - #764C3C - #C2BAB7

CSS codes

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

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