#5E6B64 - #134D1E | 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 #5E6B64 to #134D1E

#5E6B64 #134D1E

Calculate the color between two colors, #5E6B64 and #134D1E. 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)

#5E6B64 - #134D1E | 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 #5E6B64 as 0% and #134D1E as 100%.

0.0%	0.0% #5E6B64	RGB 94 107 100	#5E6B64
16.7%	16.7% #516658	RGB 81 102 88	#516658
33.3%	33.3% #45614C	RGB 69 97 76	#45614C
50.0%	50.0% #385C41	RGB 56 92 65	#385C41
66.7%	66.7% #2C5735	RGB 44 87 53	#2C5735
83.3%	83.3% #1F5229	RGB 31 82 41	#1F5229
100.0%	100.0% #134D1E	RGB 19 77 30	#134D1E

#5E6B64 #516658 #45614C #385C41 #2C5735 #1F5229 #134D1E

#5E6B64 - #134D1E

HSV Blend

#5E6B64 - #134D1E | 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 #5E6B64 as 0% and #134D1E as 100%.

0.0%	0.0% #5E6B64	RGB 94 107 100	#5E6B64
16.7%	16.7% #4E6658	RGB 78 102 88	#4E6658
33.3%	33.3% #40614C	RGB 64 97 76	#40614C
50.0%	50.0% #335C40	RGB 51 92 64	#335C40
66.7%	66.7% #275735	RGB 39 87 53	#275735
83.3%	83.3% #1C5229	RGB 28 82 41	#1C5229
100.0%	100.0% #134D1E	RGB 19 77 30	#134D1E

#5E6B64 #4E6658 #40614C #335C40 #275735 #1C5229 #134D1E

#5E6B64 - #335C40 - #134D1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B64 0%, #335C40 50%, #134D1E 100%);
    background: -webkit-linear-gradient(top, #5E6B64 0%, #335C40 50%, #134D1E 100%);
    background: linear-gradient(to bottom, #5E6B64 0%, #335C40 50%, #134D1E 100%);
}
</style>