#5C7B7B - #0E4D3E | 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 #5C7B7B to #0E4D3E

#5C7B7B #0E4D3E

Calculate the color between two colors, #5C7B7B and #0E4D3E. 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)

#5C7B7B - #0E4D3E | 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 #5C7B7B as 0% and #0E4D3E as 100%.

0.0%	0.0% #5C7B7B	RGB 92 123 123	#5C7B7B
16.7%	16.7% #4F7370	RGB 79 115 112	#4F7370
33.3%	33.3% #426B66	RGB 66 107 102	#426B66
50.0%	50.0% #35645C	RGB 53 100 92	#35645C
66.7%	66.7% #285C52	RGB 40 92 82	#285C52
83.3%	83.3% #1B5448	RGB 27 84 72	#1B5448
100.0%	100.0% #0E4D3E	RGB 14 77 62	#0E4D3E

#5C7B7B #4F7370 #426B66 #35645C #285C52 #1B5448 #0E4D3E

#5C7B7B - #0E4D3E

HSV Blend

#5C7B7B - #0E4D3E | 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 #5C7B7B as 0% and #0E4D3E as 100%.

0.0%	0.0% #5C7B7B	RGB 92 123 123	#5C7B7B
16.7%	16.7% #4B7371	RGB 75 115 113	#4B7371
33.3%	33.3% #3C6B67	RGB 60 107 103	#3C6B67
50.0%	50.0% #2E645D	RGB 46 100 93	#2E645D
66.7%	66.7% #225C53	RGB 34 92 83	#225C53
83.3%	83.3% #175448	RGB 23 84 72	#175448
100.0%	100.0% #0E4D3E	RGB 14 77 62	#0E4D3E

#5C7B7B #4B7371 #3C6B67 #2E645D #225C53 #175448 #0E4D3E

#5C7B7B - #2E645D - #0E4D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C7B7B 0%, #2E645D 50%, #0E4D3E 100%);
    background: -webkit-linear-gradient(top, #5C7B7B 0%, #2E645D 50%, #0E4D3E 100%);
    background: linear-gradient(to bottom, #5C7B7B 0%, #2E645D 50%, #0E4D3E 100%);
}
</style>