#5C7E72 - #134D3C | 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 #5C7E72 to #134D3C

#5C7E72 #134D3C

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

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

0.0%	0.0% #5C7E72	RGB 92 126 114	#5C7E72
16.7%	16.7% #4F7569	RGB 79 117 105	#4F7569
33.3%	33.3% #436D60	RGB 67 109 96	#436D60
50.0%	50.0% #376557	RGB 55 101 87	#376557
66.7%	66.7% #2B5D4E	RGB 43 93 78	#2B5D4E
83.3%	83.3% #1F5545	RGB 31 85 69	#1F5545
100.0%	100.0% #134D3C	RGB 19 77 60	#134D3C

#5C7E72 #4F7569 #436D60 #376557 #2B5D4E #1F5545 #134D3C

#5C7E72 - #134D3C

HSV Blend

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

0.0%	0.0% #5C7E72	RGB 92 126 114	#5C7E72
16.7%	16.7% #4C7567	RGB 76 117 103	#4C7567
33.3%	33.3% #3E6D5D	RGB 62 109 93	#3E6D5D
50.0%	50.0% #316554	RGB 49 101 84	#316554
66.7%	66.7% #265D4C	RGB 38 93 76	#265D4C
83.3%	83.3% #1B5543	RGB 27 85 67	#1B5543
100.0%	100.0% #134D3C	RGB 19 77 60	#134D3C

#5C7E72 #4C7567 #3E6D5D #316554 #265D4C #1B5543 #134D3C

#5C7E72 - #316554 - #134D3C

CSS codes

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

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