#5E9BBA - #1B5887 | 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 #5E9BBA to #1B5887

#5E9BBA #1B5887

Calculate the color between two colors, #5E9BBA and #1B5887. 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)

#5E9BBA - #1B5887 | 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 #5E9BBA as 0% and #1B5887 as 100%.

0.0%	0.0% #5E9BBA	RGB 94 155 186	#5E9BBA
16.7%	16.7% #528FB1	RGB 82 143 177	#528FB1
33.3%	33.3% #4784A9	RGB 71 132 169	#4784A9
50.0%	50.0% #3C79A0	RGB 60 121 160	#3C79A0
66.7%	66.7% #316E98	RGB 49 110 152	#316E98
83.3%	83.3% #26638F	RGB 38 99 143	#26638F
100.0%	100.0% #1B5887	RGB 27 88 135	#1B5887

#5E9BBA #528FB1 #4784A9 #3C79A0 #316E98 #26638F #1B5887

#5E9BBA - #1B5887

HSV Blend

#5E9BBA - #1B5887 | 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 #5E9BBA as 0% and #1B5887 as 100%.

0.0%	0.0% #5E9ABA	RGB 94 154 186	#5E9ABA
16.7%	16.7% #508FB1	RGB 80 143 177	#508FB1
33.3%	33.3% #4483A9	RGB 68 131 169	#4483A9
50.0%	50.0% #3878A0	RGB 56 120 160	#3878A0
66.7%	66.7% #2D6D98	RGB 45 109 152	#2D6D98
83.3%	83.3% #24628F	RGB 36 98 143	#24628F
100.0%	100.0% #1B5887	RGB 27 88 135	#1B5887

#5E9ABA #508FB1 #4483A9 #3878A0 #2D6D98 #24628F #1B5887

#5E9BBA - #3878A0 - #1B5887

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9ABA 0%, #3878A0 50%, #1B5887 100%);
    background: -webkit-linear-gradient(top, #5E9ABA 0%, #3878A0 50%, #1B5887 100%);
    background: linear-gradient(to bottom, #5E9ABA 0%, #3878A0 50%, #1B5887 100%);
}
</style>