#5A858C - #2B3A40 | 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 #5A858C to #2B3A40

#5A858C #2B3A40

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

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

0.0%	0.0% #5A858C	RGB 90 133 140	#5A858C
16.7%	16.7% #52787F	RGB 82 120 127	#52787F
33.3%	33.3% #4A6C72	RGB 74 108 114	#4A6C72
50.0%	50.0% #425F66	RGB 66 95 102	#425F66
66.7%	66.7% #3A5359	RGB 58 83 89	#3A5359
83.3%	83.3% #32464C	RGB 50 70 76	#32464C
100.0%	100.0% #2B3A40	RGB 43 58 64	#2B3A40

#5A858C #52787F #4A6C72 #425F66 #3A5359 #32464C #2B3A40

#5A858C - #2B3A40

HSV Blend

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

0.0%	0.0% #5A858C	RGB 90 133 140	#5A858C
16.7%	16.7% #52777F	RGB 82 119 127	#52777F
33.3%	33.3% #4A6B72	RGB 74 107 114	#4A6B72
50.0%	50.0% #435E66	RGB 67 94 102	#435E66
66.7%	66.7% #3B5259	RGB 59 82 89	#3B5259
83.3%	83.3% #33454C	RGB 51 69 76	#33454C
100.0%	100.0% #2B3A40	RGB 43 58 64	#2B3A40

#5A858C #52777F #4A6B72 #435E66 #3B5259 #33454C #2B3A40

#5A858C - #435E66 - #2B3A40

CSS codes

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

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