#2B1008 - #C2BAB8 | 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 #2B1008 to #C2BAB8

#2B1008 #C2BAB8

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

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

0.0%	0.0% #2B1008	RGB 43 16 8	#2B1008
16.7%	16.7% #442C25	RGB 68 44 37	#442C25
33.3%	33.3% #5D4842	RGB 93 72 66	#5D4842
50.0%	50.0% #766560	RGB 118 101 96	#766560
66.7%	66.7% #8F817D	RGB 143 129 125	#8F817D
83.3%	83.3% #A89D9A	RGB 168 157 154	#A89D9A
100.0%	100.0% #C2BAB8	RGB 194 186 184	#C2BAB8

#2B1008 #442C25 #5D4842 #766560 #8F817D #A89D9A #C2BAB8

#2B1008 - #C2BAB8

HSV Blend

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

0.0%	0.0% #2B1008	RGB 43 16 8	#2B1008
16.7%	16.7% #441F15	RGB 68 31 21	#441F15
33.3%	33.3% #5D3429	RGB 93 52 41	#5D3429
50.0%	50.0% #764E43	RGB 118 78 67	#764E43
66.7%	66.7% #8F6C63	RGB 143 108 99	#8F6C63
83.3%	83.3% #A8908A	RGB 168 144 138	#A8908A
100.0%	100.0% #C2BAB8	RGB 194 186 184	#C2BAB8

#2B1008 #441F15 #5D3429 #764E43 #8F6C63 #A8908A #C2BAB8

#2B1008 - #764E43 - #C2BAB8

CSS codes

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

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