#5E969B - #2D4850 | 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 #5E969B to #2D4850

#5E969B #2D4850

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

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

0.0%	0.0% #5E969B	RGB 94 150 155	#5E969B
16.7%	16.7% #55898E	RGB 85 137 142	#55898E
33.3%	33.3% #4D7C82	RGB 77 124 130	#4D7C82
50.0%	50.0% #456F75	RGB 69 111 117	#456F75
66.7%	66.7% #3D6269	RGB 61 98 105	#3D6269
83.3%	83.3% #35555C	RGB 53 85 92	#35555C
100.0%	100.0% #2D4850	RGB 45 72 80	#2D4850

#5E969B #55898E #4D7C82 #456F75 #3D6269 #35555C #2D4850

#5E969B - #2D4850

HSV Blend

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

0.0%	0.0% #5E969B	RGB 94 150 155	#5E969B
16.7%	16.7% #55888E	RGB 85 136 142	#55888E
33.3%	33.3% #4C7B82	RGB 76 123 130	#4C7B82
50.0%	50.0% #446D75	RGB 68 109 117	#446D75
66.7%	66.7% #3C6169	RGB 60 97 105	#3C6169
83.3%	83.3% #34545C	RGB 52 84 92	#34545C
100.0%	100.0% #2D4850	RGB 45 72 80	#2D4850

#5E969B #55888E #4C7B82 #446D75 #3C6169 #34545C #2D4850

#5E969B - #446D75 - #2D4850

CSS codes

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

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