#5A8B8D - #2D3E42 | 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 #5A8B8D to #2D3E42

#5A8B8D #2D3E42

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

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

0.0%	0.0% #5A8B8D	RGB 90 139 141	#5A8B8D
16.7%	16.7% #527E80	RGB 82 126 128	#527E80
33.3%	33.3% #4B7174	RGB 75 113 116	#4B7174
50.0%	50.0% #436467	RGB 67 100 103	#436467
66.7%	66.7% #3C575B	RGB 60 87 91	#3C575B
83.3%	83.3% #344A4E	RGB 52 74 78	#344A4E
100.0%	100.0% #2D3E42	RGB 45 62 66	#2D3E42

#5A8B8D #527E80 #4B7174 #436467 #3C575B #344A4E #2D3E42

#5A8B8D - #2D3E42

HSV Blend

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

0.0%	0.0% #5A8B8D	RGB 90 139 141	#5A8B8D
16.7%	16.7% #527D80	RGB 82 125 128	#527D80
33.3%	33.3% #4B7074	RGB 75 112 116	#4B7074
50.0%	50.0% #446367	RGB 68 99 103	#446367
66.7%	66.7% #3C565B	RGB 60 86 91	#3C565B
83.3%	83.3% #344A4E	RGB 52 74 78	#344A4E
100.0%	100.0% #2D3E42	RGB 45 62 66	#2D3E42

#5A8B8D #527D80 #4B7074 #446367 #3C565B #344A4E #2D3E42

#5A8B8D - #446367 - #2D3E42

CSS codes

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

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