#2B578C - #083A5E | 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 #2B578C to #083A5E

#2B578C #083A5E

Calculate the color between two colors, #2B578C and #083A5E. 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)

#2B578C - #083A5E | 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 #2B578C as 0% and #083A5E as 100%.

0.0%	0.0% #2B578C	RGB 43 87 140	#2B578C
16.7%	16.7% #255284	RGB 37 82 132	#255284
33.3%	33.3% #1F4D7C	RGB 31 77 124	#1F4D7C
50.0%	50.0% #194875	RGB 25 72 117	#194875
66.7%	66.7% #13436D	RGB 19 67 109	#13436D
83.3%	83.3% #0D3E65	RGB 13 62 101	#0D3E65
100.0%	100.0% #083A5E	RGB 8 58 94	#083A5E

#2B578C #255284 #1F4D7C #194875 #13436D #0D3E65 #083A5E

#2B578C - #083A5E

HSV Blend

#2B578C - #083A5E | 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 #2B578C as 0% and #083A5E as 100%.

0.0%	0.0% #2B578C	RGB 43 87 140	#2B578C
16.7%	16.7% #235184	RGB 35 81 132	#235184
33.3%	33.3% #1D4C7C	RGB 29 76 124	#1D4C7C
50.0%	50.0% #164775	RGB 22 71 117	#164775
66.7%	66.7% #11426D	RGB 17 66 109	#11426D
83.3%	83.3% #0C3E65	RGB 12 62 101	#0C3E65
100.0%	100.0% #083A5E	RGB 8 58 94	#083A5E

#2B578C #235184 #1D4C7C #164775 #11426D #0C3E65 #083A5E

#2B578C - #164775 - #083A5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B578C 0%, #164775 50%, #083A5E 100%);
    background: -webkit-linear-gradient(top, #2B578C 0%, #164775 50%, #083A5E 100%);
    background: linear-gradient(to bottom, #2B578C 0%, #164775 50%, #083A5E 100%);
}
</style>