#5E9B9C - #2E4C52 | 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 #5E9B9C to #2E4C52

#5E9B9C #2E4C52

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

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

0.0%	0.0% #5E9B9C	RGB 94 155 156	#5E9B9C
16.7%	16.7% #568D8F	RGB 86 141 143	#568D8F
33.3%	33.3% #4E8083	RGB 78 128 131	#4E8083
50.0%	50.0% #467377	RGB 70 115 119	#467377
66.7%	66.7% #3E666A	RGB 62 102 106	#3E666A
83.3%	83.3% #36595E	RGB 54 89 94	#36595E
100.0%	100.0% #2E4C52	RGB 46 76 82	#2E4C52

#5E9B9C #568D8F #4E8083 #467377 #3E666A #36595E #2E4C52

#5E9B9C - #2E4C52

HSV Blend

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

0.0%	0.0% #5E9B9C	RGB 94 155 156	#5E9B9C
16.7%	16.7% #558D8F	RGB 85 141 143	#558D8F
33.3%	33.3% #4D7F83	RGB 77 127 131	#4D7F83
50.0%	50.0% #457277	RGB 69 114 119	#457277
66.7%	66.7% #3D656A	RGB 61 101 106	#3D656A
83.3%	83.3% #35585E	RGB 53 88 94	#35585E
100.0%	100.0% #2E4C52	RGB 46 76 82	#2E4C52

#5E9B9C #558D8F #4D7F83 #457277 #3D656A #35585E #2E4C52

#5E9B9C - #457277 - #2E4C52

CSS codes

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

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