#5E6F6C - #114134 | 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 #5E6F6C to #114134

#5E6F6C #114134

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

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

0.0%	0.0% #5E6F6C	RGB 94 111 108	#5E6F6C
16.7%	16.7% #516762	RGB 81 103 98	#516762
33.3%	33.3% #445F59	RGB 68 95 89	#445F59
50.0%	50.0% #375850	RGB 55 88 80	#375850
66.7%	66.7% #2A5046	RGB 42 80 70	#2A5046
83.3%	83.3% #1D483D	RGB 29 72 61	#1D483D
100.0%	100.0% #114134	RGB 17 65 52	#114134

#5E6F6C #516762 #445F59 #375850 #2A5046 #1D483D #114134

#5E6F6C - #114134

HSV Blend

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

0.0%	0.0% #5E6F6C	RGB 94 111 108	#5E6F6C
16.7%	16.7% #4D6762	RGB 77 103 98	#4D6762
33.3%	33.3% #3E5F58	RGB 62 95 88	#3E5F58
50.0%	50.0% #30584F	RGB 48 88 79	#30584F
66.7%	66.7% #245045	RGB 36 80 69	#245045
83.3%	83.3% #1A483C	RGB 26 72 60	#1A483C
100.0%	100.0% #114134	RGB 17 65 52	#114134

#5E6F6C #4D6762 #3E5F58 #30584F #245045 #1A483C #114134

#5E6F6C - #30584F - #114134

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6F6C 0%, #30584F 50%, #114134 100%);
    background: -webkit-linear-gradient(top, #5E6F6C 0%, #30584F 50%, #114134 100%);
    background: linear-gradient(to bottom, #5E6F6C 0%, #30584F 50%, #114134 100%);
}
</style>