#2B3E2B - #083100 | 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 #2B3E2B to #083100

#2B3E2B #083100

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

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

0.0%	0.0% #2B3E2B	RGB 43 62 43	#2B3E2B
16.7%	16.7% #253B23	RGB 37 59 35	#253B23
33.3%	33.3% #1F391C	RGB 31 57 28	#1F391C
50.0%	50.0% #193715	RGB 25 55 21	#193715
66.7%	66.7% #13350E	RGB 19 53 14	#13350E
83.3%	83.3% #0D3307	RGB 13 51 7	#0D3307
100.0%	100.0% #083100	RGB 8 49 0	#083100

#2B3E2B #253B23 #1F391C #193715 #13350E #0D3307 #083100

#2B3E2B - #083100

HSV Blend

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

0.0%	0.0% #2B3E2B	RGB 43 62 43	#2B3E2B
16.7%	16.7% #233B22	RGB 35 59 34	#233B22
33.3%	33.3% #1C391A	RGB 28 57 26	#1C391A
50.0%	50.0% #163713	RGB 22 55 19	#163713
66.7%	66.7% #10350C	RGB 16 53 12	#10350C
83.3%	83.3% #0C3305	RGB 12 51 5	#0C3305
100.0%	100.0% #083100	RGB 8 49 0	#083100

#2B3E2B #233B22 #1C391A #163713 #10350C #0C3305 #083100

#2B3E2B - #163713 - #083100

CSS codes

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

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