#3C5E16 - #2B3B06 | 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 #3C5E16 to #2B3B06

#3C5E16 #2B3B06

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

#3C5E16 - #2B3B06 | 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 #3C5E16 as 0% and #2B3B06 as 100%.

0.0%	0.0% #3C5E16	RGB 60 94 22	#3C5E16
16.7%	16.7% #395813	RGB 57 88 19	#395813
33.3%	33.3% #365210	RGB 54 82 16	#365210
50.0%	50.0% #334C0E	RGB 51 76 14	#334C0E
66.7%	66.7% #30460B	RGB 48 70 11	#30460B
83.3%	83.3% #2D4008	RGB 45 64 8	#2D4008
100.0%	100.0% #2B3B06	RGB 43 59 6	#2B3B06

#3C5E16 #395813 #365210 #334C0E #30460B #2D4008 #2B3B06

#3C5E16 - #2B3B06

HSV Blend

#3C5E16 - #2B3B06 | 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 #3C5E16 as 0% and #2B3B06 as 100%.

0.0%	0.0% #3C5E15	RGB 60 94 21	#3C5E15
16.7%	16.7% #395812	RGB 57 88 18	#395812
33.3%	33.3% #36520F	RGB 54 82 15	#36520F
50.0%	50.0% #334C0C	RGB 51 76 12	#334C0C
66.7%	66.7% #31460A	RGB 49 70 10	#31460A
83.3%	83.3% #2E4008	RGB 46 64 8	#2E4008
100.0%	100.0% #2B3B06	RGB 43 59 6	#2B3B06

#3C5E15 #395812 #36520F #334C0C #31460A #2E4008 #2B3B06

#3C5E16 - #334C0C - #2B3B06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E15 0%, #334C0C 50%, #2B3B06 100%);
    background: -webkit-linear-gradient(top, #3C5E15 0%, #334C0C 50%, #2B3B06 100%);
    background: linear-gradient(to bottom, #3C5E15 0%, #334C0C 50%, #2B3B06 100%);
}
</style>