#5F8C92 - #2D3F47 | 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 #5F8C92 to #2D3F47

#5F8C92 #2D3F47

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

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

0.0%	0.0% #5F8C92	RGB 95 140 146	#5F8C92
16.7%	16.7% #567F85	RGB 86 127 133	#567F85
33.3%	33.3% #4E7279	RGB 78 114 121	#4E7279
50.0%	50.0% #46656C	RGB 70 101 108	#46656C
66.7%	66.7% #3D5860	RGB 61 88 96	#3D5860
83.3%	83.3% #354B53	RGB 53 75 83	#354B53
100.0%	100.0% #2D3F47	RGB 45 63 71	#2D3F47

#5F8C92 #567F85 #4E7279 #46656C #3D5860 #354B53 #2D3F47

#5F8C92 - #2D3F47

HSV Blend

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

0.0%	0.0% #5F8C92	RGB 95 140 146	#5F8C92
16.7%	16.7% #567E85	RGB 86 126 133	#567E85
33.3%	33.3% #4E7179	RGB 78 113 121	#4E7179
50.0%	50.0% #45646C	RGB 69 100 108	#45646C
66.7%	66.7% #3D5760	RGB 61 87 96	#3D5760
83.3%	83.3% #354B53	RGB 53 75 83	#354B53
100.0%	100.0% #2D3F47	RGB 45 63 71	#2D3F47

#5F8C92 #567E85 #4E7179 #45646C #3D5760 #354B53 #2D3F47

#5F8C92 - #45646C - #2D3F47

CSS codes

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

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