#5E977D - #1F584B | 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 #5E977D to #1F584B

#5E977D #1F584B

Calculate the color between two colors, #5E977D and #1F584B. 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)

#5E977D - #1F584B | 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 #5E977D as 0% and #1F584B as 100%.

0.0%	0.0% #5E977D	RGB 94 151 125	#5E977D
16.7%	16.7% #538C74	RGB 83 140 116	#538C74
33.3%	33.3% #49826C	RGB 73 130 108	#49826C
50.0%	50.0% #3E7764	RGB 62 119 100	#3E7764
66.7%	66.7% #346D5B	RGB 52 109 91	#346D5B
83.3%	83.3% #296253	RGB 41 98 83	#296253
100.0%	100.0% #1F584B	RGB 31 88 75	#1F584B

#5E977D #538C74 #49826C #3E7764 #346D5B #296253 #1F584B

#5E977D - #1F584B

HSV Blend

#5E977D - #1F584B | 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 #5E977D as 0% and #1F584B as 100%.

0.0%	0.0% #5E977D	RGB 94 151 125	#5E977D
16.7%	16.7% #518C73	RGB 81 140 115	#518C73
33.3%	33.3% #45826A	RGB 69 130 106	#45826A
50.0%	50.0% #3A7762	RGB 58 119 98	#3A7762
66.7%	66.7% #306D5A	RGB 48 109 90	#306D5A
83.3%	83.3% #276252	RGB 39 98 82	#276252
100.0%	100.0% #1F584B	RGB 31 88 75	#1F584B

#5E977D #518C73 #45826A #3A7762 #306D5A #276252 #1F584B

#5E977D - #3A7762 - #1F584B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E977D 0%, #3A7762 50%, #1F584B 100%);
    background: -webkit-linear-gradient(top, #5E977D 0%, #3A7762 50%, #1F584B 100%);
    background: linear-gradient(to bottom, #5E977D 0%, #3A7762 50%, #1F584B 100%);
}
</style>