#5E696C - #114E4A | 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 #5E696C to #114E4A

#5E696C #114E4A

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

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

0.0%	0.0% #5E696C	RGB 94 105 108	#5E696C
16.7%	16.7% #516466	RGB 81 100 102	#516466
33.3%	33.3% #446060	RGB 68 96 96	#446060
50.0%	50.0% #375B5B	RGB 55 91 91	#375B5B
66.7%	66.7% #2A5755	RGB 42 87 85	#2A5755
83.3%	83.3% #1D524F	RGB 29 82 79	#1D524F
100.0%	100.0% #114E4A	RGB 17 78 74	#114E4A

#5E696C #516466 #446060 #375B5B #2A5755 #1D524F #114E4A

#5E696C - #114E4A

HSV Blend

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

0.0%	0.0% #5E696C	RGB 94 105 108	#5E696C
16.7%	16.7% #4E6267	RGB 78 98 103	#4E6267
33.3%	33.3% #3F5D62	RGB 63 93 98	#3F5D62
50.0%	50.0% #32595D	RGB 50 89 93	#32595D
66.7%	66.7% #265658	RGB 38 86 88	#265658
83.3%	83.3% #1B5351	RGB 27 83 81	#1B5351
100.0%	100.0% #114E4A	RGB 17 78 74	#114E4A

#5E696C #4E6267 #3F5D62 #32595D #265658 #1B5351 #114E4A

#5E696C - #32595D - #114E4A

CSS codes

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

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