#5E8F99 - #2B434D | 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 #5E8F99 to #2B434D

#5E8F99 #2B434D

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

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

0.0%	0.0% #5E8F99	RGB 94 143 153	#5E8F99
16.7%	16.7% #55828C	RGB 85 130 140	#55828C
33.3%	33.3% #4D757F	RGB 77 117 127	#4D757F
50.0%	50.0% #446973	RGB 68 105 115	#446973
66.7%	66.7% #3C5C66	RGB 60 92 102	#3C5C66
83.3%	83.3% #334F59	RGB 51 79 89	#334F59
100.0%	100.0% #2B434D	RGB 43 67 77	#2B434D

#5E8F99 #55828C #4D757F #446973 #3C5C66 #334F59 #2B434D

#5E8F99 - #2B434D

HSV Blend

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

0.0%	0.0% #5E8E99	RGB 94 142 153	#5E8E99
16.7%	16.7% #54818C	RGB 84 129 140	#54818C
33.3%	33.3% #4C747F	RGB 76 116 127	#4C747F
50.0%	50.0% #436773	RGB 67 103 115	#436773
66.7%	66.7% #3B5B66	RGB 59 91 102	#3B5B66
83.3%	83.3% #324F59	RGB 50 79 89	#324F59
100.0%	100.0% #2B434D	RGB 43 67 77	#2B434D

#5E8E99 #54818C #4C747F #436773 #3B5B66 #324F59 #2B434D

#5E8F99 - #436773 - #2B434D

CSS codes

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

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