#3D5E2B - #1F3D00 | 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 #3D5E2B to #1F3D00

#3D5E2B #1F3D00

Calculate the color between two colors, #3D5E2B and #1F3D00. 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)

#3D5E2B - #1F3D00 | 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 #3D5E2B as 0% and #1F3D00 as 100%.

0.0%	0.0% #3D5E2B	RGB 61 94 43	#3D5E2B
16.7%	16.7% #385823	RGB 56 88 35	#385823
33.3%	33.3% #33531C	RGB 51 83 28	#33531C
50.0%	50.0% #2E4D15	RGB 46 77 21	#2E4D15
66.7%	66.7% #29480E	RGB 41 72 14	#29480E
83.3%	83.3% #244207	RGB 36 66 7	#244207
100.0%	100.0% #1F3D00	RGB 31 61 0	#1F3D00

#3D5E2B #385823 #33531C #2E4D15 #29480E #244207 #1F3D00

#3D5E2B - #1F3D00

HSV Blend

#3D5E2B - #1F3D00 | 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 #3D5E2B as 0% and #1F3D00 as 100%.

0.0%	0.0% #3D5E2B	RGB 61 94 43	#3D5E2B
16.7%	16.7% #365821	RGB 54 88 33	#365821
33.3%	33.3% #305319	RGB 48 83 25	#305319
50.0%	50.0% #2B4D11	RGB 43 77 17	#2B4D11
66.7%	66.7% #26480A	RGB 38 72 10	#26480A
83.3%	83.3% #224205	RGB 34 66 5	#224205
100.0%	100.0% #1F3D00	RGB 31 61 0	#1F3D00

#3D5E2B #365821 #305319 #2B4D11 #26480A #224205 #1F3D00

#3D5E2B - #2B4D11 - #1F3D00

CSS codes

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

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