#3C6D3C - #134B05 | 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 #3C6D3C to #134B05

#3C6D3C #134B05

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

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

0.0%	0.0% #3C6D3C	RGB 60 109 60	#3C6D3C
16.7%	16.7% #356732	RGB 53 103 50	#356732
33.3%	33.3% #2E6129	RGB 46 97 41	#2E6129
50.0%	50.0% #275C20	RGB 39 92 32	#275C20
66.7%	66.7% #205617	RGB 32 86 23	#205617
83.3%	83.3% #19500E	RGB 25 80 14	#19500E
100.0%	100.0% #134B05	RGB 19 75 5	#134B05

#3C6D3C #356732 #2E6129 #275C20 #205617 #19500E #134B05

#3C6D3C - #134B05

HSV Blend

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

0.0%	0.0% #3C6D3C	RGB 60 109 60	#3C6D3C
16.7%	16.7% #326730	RGB 50 103 48	#326730
33.3%	33.3% #296126	RGB 41 97 38	#296126
50.0%	50.0% #225C1C	RGB 34 92 28	#225C1C
66.7%	66.7% #1C5613	RGB 28 86 19	#1C5613
83.3%	83.3% #17500B	RGB 23 80 11	#17500B
100.0%	100.0% #134B05	RGB 19 75 5	#134B05

#3C6D3C #326730 #296126 #225C1C #1C5613 #17500B #134B05

#3C6D3C - #225C1C - #134B05

CSS codes

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

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