#5E7F6F - #134D2B | 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 #5E7F6F to #134D2B

#5E7F6F #134D2B

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

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

0.0%	0.0% #5E7F6F	RGB 94 127 111	#5E7F6F
16.7%	16.7% #517663	RGB 81 118 99	#517663
33.3%	33.3% #456E58	RGB 69 110 88	#456E58
50.0%	50.0% #38664D	RGB 56 102 77	#38664D
66.7%	66.7% #2C5D41	RGB 44 93 65	#2C5D41
83.3%	83.3% #1F5536	RGB 31 85 54	#1F5536
100.0%	100.0% #134D2B	RGB 19 77 43	#134D2B

#5E7F6F #517663 #456E58 #38664D #2C5D41 #1F5536 #134D2B

#5E7F6F - #134D2B

HSV Blend

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

0.0%	0.0% #5E7F6F	RGB 94 127 111	#5E7F6F
16.7%	16.7% #4E7662	RGB 78 118 98	#4E7662
33.3%	33.3% #3F6E56	RGB 63 110 86	#3F6E56
50.0%	50.0% #32664A	RGB 50 102 74	#32664A
66.7%	66.7% #265D3F	RGB 38 93 63	#265D3F
83.3%	83.3% #1C5534	RGB 28 85 52	#1C5534
100.0%	100.0% #134D2B	RGB 19 77 43	#134D2B

#5E7F6F #4E7662 #3F6E56 #32664A #265D3F #1C5534 #134D2B

#5E7F6F - #32664A - #134D2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7F6F 0%, #32664A 50%, #134D2B 100%);
    background: -webkit-linear-gradient(top, #5E7F6F 0%, #32664A 50%, #134D2B 100%);
    background: linear-gradient(to bottom, #5E7F6F 0%, #32664A 50%, #134D2B 100%);
}
</style>