#5E7CB2 - #1A395B | 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 #5E7CB2 to #1A395B

#5E7CB2 #1A395B

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

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

0.0%	0.0% #5E7CB2	RGB 94 124 178	#5E7CB2
16.7%	16.7% #5270A3	RGB 82 112 163	#5270A3
33.3%	33.3% #476595	RGB 71 101 149	#476595
50.0%	50.0% #3C5A86	RGB 60 90 134	#3C5A86
66.7%	66.7% #304F78	RGB 48 79 120	#304F78
83.3%	83.3% #254469	RGB 37 68 105	#254469
100.0%	100.0% #1A395B	RGB 26 57 91	#1A395B

#5E7CB2 #5270A3 #476595 #3C5A86 #304F78 #254469 #1A395B

#5E7CB2 - #1A395B

HSV Blend

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

0.0%	0.0% #5E7CB2	RGB 94 124 178	#5E7CB2
16.7%	16.7% #4F6FA3	RGB 79 111 163	#4F6FA3
33.3%	33.3% #426395	RGB 66 99 149	#426395
50.0%	50.0% #365786	RGB 54 87 134	#365786
66.7%	66.7% #2B4D78	RGB 43 77 120	#2B4D78
83.3%	83.3% #224269	RGB 34 66 105	#224269
100.0%	100.0% #1A395B	RGB 26 57 91	#1A395B

#5E7CB2 #4F6FA3 #426395 #365786 #2B4D78 #224269 #1A395B

#5E7CB2 - #365786 - #1A395B

CSS codes

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

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