#5E7E7C - #104E3F | 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 #5E7E7C to #104E3F

#5E7E7C #104E3F

Calculate the color between two colors, #5E7E7C and #104E3F. 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)

#5E7E7C - #104E3F | 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 #5E7E7C as 0% and #104E3F as 100%.

0.0%	0.0% #5E7E7C	RGB 94 126 124	#5E7E7C
16.7%	16.7% #517671	RGB 81 118 113	#517671
33.3%	33.3% #446E67	RGB 68 110 103	#446E67
50.0%	50.0% #37665D	RGB 55 102 93	#37665D
66.7%	66.7% #2A5E53	RGB 42 94 83	#2A5E53
83.3%	83.3% #1D5649	RGB 29 86 73	#1D5649
100.0%	100.0% #104E3F	RGB 16 78 63	#104E3F

#5E7E7C #517671 #446E67 #37665D #2A5E53 #1D5649 #104E3F

#5E7E7C - #104E3F

HSV Blend

#5E7E7C - #104E3F | 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 #5E7E7C as 0% and #104E3F as 100%.

0.0%	0.0% #5E7E7C	RGB 94 126 124	#5E7E7C
16.7%	16.7% #4D7672	RGB 77 118 114	#4D7672
33.3%	33.3% #3E6E68	RGB 62 110 104	#3E6E68
50.0%	50.0% #30665D	RGB 48 102 93	#30665D
66.7%	66.7% #245E53	RGB 36 94 83	#245E53
83.3%	83.3% #195649	RGB 25 86 73	#195649
100.0%	100.0% #104E3F	RGB 16 78 63	#104E3F

#5E7E7C #4D7672 #3E6E68 #30665D #245E53 #195649 #104E3F

#5E7E7C - #30665D - #104E3F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E7C 0%, #30665D 50%, #104E3F 100%);
    background: -webkit-linear-gradient(top, #5E7E7C 0%, #30665D 50%, #104E3F 100%);
    background: linear-gradient(to bottom, #5E7E7C 0%, #30665D 50%, #104E3F 100%);
}
</style>