#2C5E2B - #171407 | 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 #2C5E2B to #171407

#2C5E2B #171407

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

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

0.0%	0.0% #2C5E2B	RGB 44 94 43	#2C5E2B
16.7%	16.7% #285125	RGB 40 81 37	#285125
33.3%	33.3% #25451F	RGB 37 69 31	#25451F
50.0%	50.0% #213919	RGB 33 57 25	#213919
66.7%	66.7% #1E2C13	RGB 30 44 19	#1E2C13
83.3%	83.3% #1A200D	RGB 26 32 13	#1A200D
100.0%	100.0% #171407	RGB 23 20 7	#171407

#2C5E2B #285125 #25451F #213919 #1E2C13 #1A200D #171407

#2C5E2B - #171407

HSV Blend

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

0.0%	0.0% #2B5E2B	RGB 43 94 43	#2B5E2B
16.7%	16.7% #2D5223	RGB 45 82 35	#2D5223
33.3%	33.3% #2D461C	RGB 45 70 28	#2D461C
50.0%	50.0% #2C3A16	RGB 44 58 22	#2C3A16
66.7%	66.7% #282E10	RGB 40 46 16	#282E10
83.3%	83.3% #22220B	RGB 34 34 11	#22220B
100.0%	100.0% #171407	RGB 23 20 7	#171407

#2B5E2B #2D5223 #2D461C #2C3A16 #282E10 #22220B #171407

#2C5E2B - #2C3A16 - #171407

CSS codes

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

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