#2B0003 - #C2B6B7 | 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 #2B0003 to #C2B6B7

#2B0003 #C2B6B7

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

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

0.0%	0.0% #2B0003	RGB 43 0 3	#2B0003
16.7%	16.7% #441E21	RGB 68 30 33	#441E21
33.3%	33.3% #5D3C3F	RGB 93 60 63	#5D3C3F
50.0%	50.0% #765B5D	RGB 118 91 93	#765B5D
66.7%	66.7% #8F797B	RGB 143 121 123	#8F797B
83.3%	83.3% #A89799	RGB 168 151 153	#A89799
100.0%	100.0% #C2B6B7	RGB 194 182 183	#C2B6B7

#2B0003 #441E21 #5D3C3F #765B5D #8F797B #A89799 #C2B6B7

#2B0003 - #C2B6B7

HSV Blend

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

0.0%	0.0% #2B0003	RGB 43 0 3	#2B0003
16.7%	16.7% #440A0E	RGB 68 10 14	#440A0E
33.3%	33.3% #5D1D21	RGB 93 29 33	#5D1D21
50.0%	50.0% #76373C	RGB 118 55 60	#76373C
66.7%	66.7% #8F595E	RGB 143 89 94	#8F595E
83.3%	83.3% #A88386	RGB 168 131 134	#A88386
100.0%	100.0% #C2B6B7	RGB 194 182 183	#C2B6B7

#2B0003 #440A0E #5D1D21 #76373C #8F595E #A88386 #C2B6B7

#2B0003 - #76373C - #C2B6B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B0003 0%, #76373C 50%, #C2B6B7 100%);
    background: -webkit-linear-gradient(top, #2B0003 0%, #76373C 50%, #C2B6B7 100%);
    background: linear-gradient(to bottom, #2B0003 0%, #76373C 50%, #C2B6B7 100%);
}
</style>