#5E80B5 - #213864 | 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 #5E80B5 to #213864

#5E80B5 #213864

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

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

0.0%	0.0% #5E80B5	RGB 94 128 181	#5E80B5
16.7%	16.7% #5374A7	RGB 83 116 167	#5374A7
33.3%	33.3% #49689A	RGB 73 104 154	#49689A
50.0%	50.0% #3F5C8C	RGB 63 92 140	#3F5C8C
66.7%	66.7% #35507F	RGB 53 80 127	#35507F
83.3%	83.3% #2B4471	RGB 43 68 113	#2B4471
100.0%	100.0% #213864	RGB 33 56 100	#213864

#5E80B5 #5374A7 #49689A #3F5C8C #35507F #2B4471 #213864

#5E80B5 - #213864

HSV Blend

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

0.0%	0.0% #5E7FB5	RGB 94 127 181	#5E7FB5
16.7%	16.7% #5172A7	RGB 81 114 167	#5172A7
33.3%	33.3% #46659A	RGB 70 101 154	#46659A
50.0%	50.0% #3B598C	RGB 59 89 140	#3B598C
66.7%	66.7% #314D7F	RGB 49 77 127	#314D7F
83.3%	83.3% #294271	RGB 41 66 113	#294271
100.0%	100.0% #213864	RGB 33 56 100	#213864

#5E7FB5 #5172A7 #46659A #3B598C #314D7F #294271 #213864

#5E80B5 - #3B598C - #213864

CSS codes

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

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