#5E656C - #113F4E | 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 #5E656C to #113F4E

#5E656C #113F4E

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

#5E656C - #113F4E | 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 #5E656C as 0% and #113F4E as 100%.

0.0%	0.0% #5E656C	RGB 94 101 108	#5E656C
16.7%	16.7% #515E67	RGB 81 94 103	#515E67
33.3%	33.3% #445862	RGB 68 88 98	#445862
50.0%	50.0% #37525D	RGB 55 82 93	#37525D
66.7%	66.7% #2A4B58	RGB 42 75 88	#2A4B58
83.3%	83.3% #1D4553	RGB 29 69 83	#1D4553
100.0%	100.0% #113F4E	RGB 17 63 78	#113F4E

#5E656C #515E67 #445862 #37525D #2A4B58 #1D4553 #113F4E

#5E656C - #113F4E

HSV Blend

#5E656C - #113F4E | 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 #5E656C as 0% and #113F4E as 100%.

0.0%	0.0% #5E656C	RGB 94 101 108	#5E656C
16.7%	16.7% #4E5B67	RGB 78 91 103	#4E5B67
33.3%	33.3% #3F5362	RGB 63 83 98	#3F5362
50.0%	50.0% #324D5D	RGB 50 77 93	#324D5D
66.7%	66.7% #264758	RGB 38 71 88	#264758
83.3%	83.3% #1B4253	RGB 27 66 83	#1B4253
100.0%	100.0% #113F4E	RGB 17 63 78	#113F4E

#5E656C #4E5B67 #3F5362 #324D5D #264758 #1B4253 #113F4E

#5E656C - #324D5D - #113F4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E656C 0%, #324D5D 50%, #113F4E 100%);
    background: -webkit-linear-gradient(top, #5E656C 0%, #324D5D 50%, #113F4E 100%);
    background: linear-gradient(to bottom, #5E656C 0%, #324D5D 50%, #113F4E 100%);
}
</style>