#5E7EB1 - #213760 | 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 #5E7EB1 to #213760

#5E7EB1 #213760

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

#5E7EB1 - #213760 | 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 #5E7EB1 as 0% and #213760 as 100%.

0.0%	0.0% #5E7EB1	RGB 94 126 177	#5E7EB1
16.7%	16.7% #5372A3	RGB 83 114 163	#5372A3
33.3%	33.3% #496696	RGB 73 102 150	#496696
50.0%	50.0% #3F5A88	RGB 63 90 136	#3F5A88
66.7%	66.7% #354E7B	RGB 53 78 123	#354E7B
83.3%	83.3% #2B426D	RGB 43 66 109	#2B426D
100.0%	100.0% #213760	RGB 33 55 96	#213760

#5E7EB1 #5372A3 #496696 #3F5A88 #354E7B #2B426D #213760

#5E7EB1 - #213760

HSV Blend

#5E7EB1 - #213760 | 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 #5E7EB1 as 0% and #213760 as 100%.

0.0%	0.0% #5E7EB1	RGB 94 126 177	#5E7EB1
16.7%	16.7% #5170A3	RGB 81 112 163	#5170A3
33.3%	33.3% #466496	RGB 70 100 150	#466496
50.0%	50.0% #3B5788	RGB 59 87 136	#3B5788
66.7%	66.7% #314C7B	RGB 49 76 123	#314C7B
83.3%	83.3% #29416D	RGB 41 65 109	#29416D
100.0%	100.0% #213760	RGB 33 55 96	#213760

#5E7EB1 #5170A3 #466496 #3B5788 #314C7B #29416D #213760

#5E7EB1 - #3B5788 - #213760

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7EB1 0%, #3B5788 50%, #213760 100%);
    background: -webkit-linear-gradient(top, #5E7EB1 0%, #3B5788 50%, #213760 100%);
    background: linear-gradient(to bottom, #5E7EB1 0%, #3B5788 50%, #213760 100%);
}
</style>