#5E6AC5 - #1A2671 | 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 #5E6AC5 to #1A2671

#5E6AC5 #1A2671

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

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

0.0%	0.0% #5E6AC5	RGB 94 106 197	#5E6AC5
16.7%	16.7% #525EB7	RGB 82 94 183	#525EB7
33.3%	33.3% #4753A9	RGB 71 83 169	#4753A9
50.0%	50.0% #3C489B	RGB 60 72 155	#3C489B
66.7%	66.7% #303C8D	RGB 48 60 141	#303C8D
83.3%	83.3% #25317F	RGB 37 49 127	#25317F
100.0%	100.0% #1A2671	RGB 26 38 113	#1A2671

#5E6AC5 #525EB7 #4753A9 #3C489B #303C8D #25317F #1A2671

#5E6AC5 - #1A2671

HSV Blend

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

0.0%	0.0% #5E6AC5	RGB 94 106 197	#5E6AC5
16.7%	16.7% #4F5CB7	RGB 79 92 183	#4F5CB7
33.3%	33.3% #424FA9	RGB 66 79 169	#424FA9
50.0%	50.0% #36439B	RGB 54 67 155	#36439B
66.7%	66.7% #2C388D	RGB 44 56 141	#2C388D
83.3%	83.3% #222E7F	RGB 34 46 127	#222E7F
100.0%	100.0% #1A2671	RGB 26 38 113	#1A2671

#5E6AC5 #4F5CB7 #424FA9 #36439B #2C388D #222E7F #1A2671

#5E6AC5 - #36439B - #1A2671

CSS codes

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

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