#5E7E7B - #114E3F | 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 #5E7E7B to #114E3F

#5E7E7B #114E3F

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

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

0.0%	0.0% #5E7E7B	RGB 94 126 123	#5E7E7B
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% #114E3F	RGB 17 78 63	#114E3F

#5E7E7B #517671 #446E67 #37665D #2A5E53 #1D5649 #114E3F

#5E7E7B - #114E3F

HSV Blend

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

0.0%	0.0% #5E7E7B	RGB 94 126 123	#5E7E7B
16.7%	16.7% #4D7671	RGB 77 118 113	#4D7671
33.3%	33.3% #3E6E67	RGB 62 110 103	#3E6E67
50.0%	50.0% #31665D	RGB 49 102 93	#31665D
66.7%	66.7% #255E52	RGB 37 94 82	#255E52
83.3%	83.3% #1A5648	RGB 26 86 72	#1A5648
100.0%	100.0% #114E3F	RGB 17 78 63	#114E3F

#5E7E7B #4D7671 #3E6E67 #31665D #255E52 #1A5648 #114E3F

#5E7E7B - #31665D - #114E3F

CSS codes

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

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