#2B4B5E - #8A9592 | 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 #2B4B5E to #8A9592

#2B4B5E #8A9592

Calculate the color between two colors, #2B4B5E and #8A9592. 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)

#2B4B5E - #8A9592 | 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 #2B4B5E as 0% and #8A9592 as 100%.

0.0%	0.0% #2B4B5E	RGB 43 75 94	#2B4B5E
16.7%	16.7% #3A5766	RGB 58 87 102	#3A5766
33.3%	33.3% #4A636F	RGB 74 99 111	#4A636F
50.0%	50.0% #5A7078	RGB 90 112 120	#5A7078
66.7%	66.7% #6A7C80	RGB 106 124 128	#6A7C80
83.3%	83.3% #7A8889	RGB 122 136 137	#7A8889
100.0%	100.0% #8A9592	RGB 138 149 146	#8A9592

#2B4B5E #3A5766 #4A636F #5A7078 #6A7C80 #7A8889 #8A9592

#2B4B5E - #8A9592

HSV Blend

#2B4B5E - #8A9592 | 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 #2B4B5E as 0% and #8A9592 as 100%.

0.0%	0.0% #2B4B5E	RGB 43 75 94	#2B4B5E
16.7%	16.7% #375A67	RGB 55 90 103	#375A67
33.3%	33.3% #446970	RGB 68 105 112	#446970
50.0%	50.0% #547779	RGB 84 119 121	#547779
66.7%	66.7% #648280	RGB 100 130 128	#648280
83.3%	83.3% #768B88	RGB 118 139 136	#768B88
100.0%	100.0% #8A9592	RGB 138 149 146	#8A9592

#2B4B5E #375A67 #446970 #547779 #648280 #768B88 #8A9592

#2B4B5E - #547779 - #8A9592

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B4B5E 0%, #547779 50%, #8A9592 100%);
    background: -webkit-linear-gradient(top, #2B4B5E 0%, #547779 50%, #8A9592 100%);
    background: linear-gradient(to bottom, #2B4B5E 0%, #547779 50%, #8A9592 100%);
}
</style>