#3C5E39 - #134103 | 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 #3C5E39 to #134103

#3C5E39 #134103

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

#3C5E39 - #134103 | 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 #3C5E39 as 0% and #134103 as 100%.

0.0%	0.0% #3C5E39	RGB 60 94 57	#3C5E39
16.7%	16.7% #355930	RGB 53 89 48	#355930
33.3%	33.3% #2E5427	RGB 46 84 39	#2E5427
50.0%	50.0% #274F1E	RGB 39 79 30	#274F1E
66.7%	66.7% #204A15	RGB 32 74 21	#204A15
83.3%	83.3% #19450C	RGB 25 69 12	#19450C
100.0%	100.0% #134103	RGB 19 65 3	#134103

#3C5E39 #355930 #2E5427 #274F1E #204A15 #19450C #134103

#3C5E39 - #134103

HSV Blend

#3C5E39 - #134103 | 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 #3C5E39 as 0% and #134103 as 100%.

0.0%	0.0% #3C5E39	RGB 60 94 57	#3C5E39
16.7%	16.7% #32592D	RGB 50 89 45	#32592D
33.3%	33.3% #2A5423	RGB 42 84 35	#2A5423
50.0%	50.0% #234F19	RGB 35 79 25	#234F19
66.7%	66.7% #1C4A11	RGB 28 74 17	#1C4A11
83.3%	83.3% #174509	RGB 23 69 9	#174509
100.0%	100.0% #134103	RGB 19 65 3	#134103

#3C5E39 #32592D #2A5423 #234F19 #1C4A11 #174509 #134103

#3C5E39 - #234F19 - #134103

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E39 0%, #234F19 50%, #134103 100%);
    background: -webkit-linear-gradient(top, #3C5E39 0%, #234F19 50%, #134103 100%);
    background: linear-gradient(to bottom, #3C5E39 0%, #234F19 50%, #134103 100%);
}
</style>