#5E7F79 - #134D3D | 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 #5E7F79 to #134D3D

#5E7F79 #134D3D

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

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

0.0%	0.0% #5E7F79	RGB 94 127 121	#5E7F79
16.7%	16.7% #51766F	RGB 81 118 111	#51766F
33.3%	33.3% #456E65	RGB 69 110 101	#456E65
50.0%	50.0% #38665B	RGB 56 102 91	#38665B
66.7%	66.7% #2C5D51	RGB 44 93 81	#2C5D51
83.3%	83.3% #1F5547	RGB 31 85 71	#1F5547
100.0%	100.0% #134D3D	RGB 19 77 61	#134D3D

#5E7F79 #51766F #456E65 #38665B #2C5D51 #1F5547 #134D3D

#5E7F79 - #134D3D

HSV Blend

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

0.0%	0.0% #5E7F79	RGB 94 127 121	#5E7F79
16.7%	16.7% #4E766E	RGB 78 118 110	#4E766E
33.3%	33.3% #3F6E64	RGB 63 110 100	#3F6E64
50.0%	50.0% #32665A	RGB 50 102 90	#32665A
66.7%	66.7% #265D50	RGB 38 93 80	#265D50
83.3%	83.3% #1C5546	RGB 28 85 70	#1C5546
100.0%	100.0% #134D3D	RGB 19 77 61	#134D3D

#5E7F79 #4E766E #3F6E64 #32665A #265D50 #1C5546 #134D3D

#5E7F79 - #32665A - #134D3D

CSS codes

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

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