#2D3900 - #5C7223 | 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 #2D3900 to #5C7223

#2D3900 #5C7223

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

#2D3900 - #5C7223 | 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 #2D3900 as 0% and #5C7223 as 100%.

0.0%	0.0% #2D3900	RGB 45 57 0	#2D3900
16.7%	16.7% #344205	RGB 52 66 5	#344205
33.3%	33.3% #3C4C0B	RGB 60 76 11	#3C4C0B
50.0%	50.0% #445511	RGB 68 85 17	#445511
66.7%	66.7% #4C5F17	RGB 76 95 23	#4C5F17
83.3%	83.3% #54681D	RGB 84 104 29	#54681D
100.0%	100.0% #5C7223	RGB 92 114 35	#5C7223

#2D3900 #344205 #3C4C0B #445511 #4C5F17 #54681D #5C7223

#2D3900 - #5C7223

HSV Blend

#2D3900 - #5C7223 | 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 #2D3900 as 0% and #5C7223 as 100%.

0.0%	0.0% #2D3900	RGB 45 57 0	#2D3900
16.7%	16.7% #344203	RGB 52 66 3	#344203
33.3%	33.3% #3C4C07	RGB 60 76 7	#3C4C07
50.0%	50.0% #43550D	RGB 67 85 13	#43550D
66.7%	66.7% #4B5F13	RGB 75 95 19	#4B5F13
83.3%	83.3% #53681A	RGB 83 104 26	#53681A
100.0%	100.0% #5C7223	RGB 92 114 35	#5C7223

#2D3900 #344203 #3C4C07 #43550D #4B5F13 #53681A #5C7223

#2D3900 - #43550D - #5C7223

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3900 0%, #43550D 50%, #5C7223 100%);
    background: -webkit-linear-gradient(top, #2D3900 0%, #43550D 50%, #5C7223 100%);
    background: linear-gradient(to bottom, #2D3900 0%, #43550D 50%, #5C7223 100%);
}
</style>