#000000 - #2B3E1E | 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 #000000 to #2B3E1E

#000000 #2B3E1E

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

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

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #070A05	RGB 7 10 5	#070A05
33.3%	33.3% #0E140A	RGB 14 20 10	#0E140A
50.0%	50.0% #151F0F	RGB 21 31 15	#151F0F
66.7%	66.7% #1C2914	RGB 28 41 20	#1C2914
83.3%	83.3% #233319	RGB 35 51 25	#233319
100.0%	100.0% #2B3E1E	RGB 43 62 30	#2B3E1E

#000000 #070A05 #0E140A #151F0F #1C2914 #233319 #2B3E1E

#000000 - #2B3E1E

HSV Blend

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

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #0A0909	RGB 10 9 9	#0A0909
33.3%	33.3% #141311	RGB 20 19 17	#141311
50.0%	50.0% #1F1D17	RGB 31 29 23	#1F1D17
66.7%	66.7% #28291B	RGB 40 41 27	#28291B
83.3%	83.3% #2C331D	RGB 44 51 29	#2C331D
100.0%	100.0% #2B3E1E	RGB 43 62 30	#2B3E1E

#000000 #0A0909 #141311 #1F1D17 #28291B #2C331D #2B3E1E

#000000 - #1F1D17 - #2B3E1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000000 0%, #1F1D17 50%, #2B3E1E 100%);
    background: -webkit-linear-gradient(top, #000000 0%, #1F1D17 50%, #2B3E1E 100%);
    background: linear-gradient(to bottom, #000000 0%, #1F1D17 50%, #2B3E1E 100%);
}
</style>