#2B2E2B - #002D08 | 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 #2B2E2B to #002D08

#2B2E2B #002D08

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

#2B2E2B - #002D08 | 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 #2B2E2B as 0% and #002D08 as 100%.

0.0%	0.0% #2B2E2B	RGB 43 46 43	#2B2E2B
16.7%	16.7% #232D25	RGB 35 45 37	#232D25
33.3%	33.3% #1C2D1F	RGB 28 45 31	#1C2D1F
50.0%	50.0% #152D19	RGB 21 45 25	#152D19
66.7%	66.7% #0E2D13	RGB 14 45 19	#0E2D13
83.3%	83.3% #072D0D	RGB 7 45 13	#072D0D
100.0%	100.0% #002D08	RGB 0 45 8	#002D08

#2B2E2B #232D25 #1C2D1F #152D19 #0E2D13 #072D0D #002D08

#2B2E2B - #002D08

HSV Blend

#2B2E2B - #002D08 | 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 #2B2E2B as 0% and #002D08 as 100%.

0.0%	0.0% #2B2E2B	RGB 43 46 43	#2B2E2B
16.7%	16.7% #232D24	RGB 35 45 36	#232D24
33.3%	33.3% #1C2D1D	RGB 28 45 29	#1C2D1D
50.0%	50.0% #152D17	RGB 21 45 23	#152D17
66.7%	66.7% #0E2D11	RGB 14 45 17	#0E2D11
83.3%	83.3% #072D0C	RGB 7 45 12	#072D0C
100.0%	100.0% #002D08	RGB 0 45 8	#002D08

#2B2E2B #232D24 #1C2D1D #152D17 #0E2D11 #072D0C #002D08

#2B2E2B - #152D17 - #002D08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2E2B 0%, #152D17 50%, #002D08 100%);
    background: -webkit-linear-gradient(top, #2B2E2B 0%, #152D17 50%, #002D08 100%);
    background: linear-gradient(to bottom, #2B2E2B 0%, #152D17 50%, #002D08 100%);
}
</style>