#5E7F86 - #2B353B | 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 #5E7F86 to #2B353B

#5E7F86 #2B353B

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

#5E7F86 - #2B353B | 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 #5E7F86 as 0% and #2B353B as 100%.

0.0%	0.0% #5E7F86	RGB 94 127 134	#5E7F86
16.7%	16.7% #557279	RGB 85 114 121	#557279
33.3%	33.3% #4D666D	RGB 77 102 109	#4D666D
50.0%	50.0% #445A60	RGB 68 90 96	#445A60
66.7%	66.7% #3C4D54	RGB 60 77 84	#3C4D54
83.3%	83.3% #334147	RGB 51 65 71	#334147
100.0%	100.0% #2B353B	RGB 43 53 59	#2B353B

#5E7F86 #557279 #4D666D #445A60 #3C4D54 #334147 #2B353B

#5E7F86 - #2B353B

HSV Blend

#5E7F86 - #2B353B | 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 #5E7F86 as 0% and #2B353B as 100%.

0.0%	0.0% #5E7F86	RGB 94 127 134	#5E7F86
16.7%	16.7% #557279	RGB 85 114 121	#557279
33.3%	33.3% #4D656D	RGB 77 101 109	#4D656D
50.0%	50.0% #455860	RGB 69 88 96	#455860
66.7%	66.7% #3C4C54	RGB 60 76 84	#3C4C54
83.3%	83.3% #334047	RGB 51 64 71	#334047
100.0%	100.0% #2B353B	RGB 43 53 59	#2B353B

#5E7F86 #557279 #4D656D #455860 #3C4C54 #334047 #2B353B

#5E7F86 - #455860 - #2B353B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7F86 0%, #455860 50%, #2B353B 100%);
    background: -webkit-linear-gradient(top, #5E7F86 0%, #455860 50%, #2B353B 100%);
    background: linear-gradient(to bottom, #5E7F86 0%, #455860 50%, #2B353B 100%);
}
</style>