#3C6B3C - #134A05 | 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 #3C6B3C to #134A05

#3C6B3C #134A05

Calculate the color between two colors, #3C6B3C and #134A05. 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)

#3C6B3C - #134A05 | 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 #3C6B3C as 0% and #134A05 as 100%.

0.0%	0.0% #3C6B3C	RGB 60 107 60	#3C6B3C
16.7%	16.7% #356532	RGB 53 101 50	#356532
33.3%	33.3% #2E6029	RGB 46 96 41	#2E6029
50.0%	50.0% #275A20	RGB 39 90 32	#275A20
66.7%	66.7% #205517	RGB 32 85 23	#205517
83.3%	83.3% #194F0E	RGB 25 79 14	#194F0E
100.0%	100.0% #134A05	RGB 19 74 5	#134A05

#3C6B3C #356532 #2E6029 #275A20 #205517 #194F0E #134A05

#3C6B3C - #134A05

HSV Blend

#3C6B3C - #134A05 | 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 #3C6B3C as 0% and #134A05 as 100%.

0.0%	0.0% #3C6B3C	RGB 60 107 60	#3C6B3C
16.7%	16.7% #326530	RGB 50 101 48	#326530
33.3%	33.3% #296026	RGB 41 96 38	#296026
50.0%	50.0% #225A1C	RGB 34 90 28	#225A1C
66.7%	66.7% #1C5513	RGB 28 85 19	#1C5513
83.3%	83.3% #174F0B	RGB 23 79 11	#174F0B
100.0%	100.0% #134A05	RGB 19 74 5	#134A05

#3C6B3C #326530 #296026 #225A1C #1C5513 #174F0B #134A05

#3C6B3C - #225A1C - #134A05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C6B3C 0%, #225A1C 50%, #134A05 100%);
    background: -webkit-linear-gradient(top, #3C6B3C 0%, #225A1C 50%, #134A05 100%);
    background: linear-gradient(to bottom, #3C6B3C 0%, #225A1C 50%, #134A05 100%);
}
</style>