#5E80AD - #133370 | 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 #5E80AD to #133370

#5E80AD #133370

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

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

0.0%	0.0% #5E80AD	RGB 94 128 173	#5E80AD
16.7%	16.7% #5173A2	RGB 81 115 162	#5173A2
33.3%	33.3% #456698	RGB 69 102 152	#456698
50.0%	50.0% #38598E	RGB 56 89 142	#38598E
66.7%	66.7% #2C4C84	RGB 44 76 132	#2C4C84
83.3%	83.3% #1F3F7A	RGB 31 63 122	#1F3F7A
100.0%	100.0% #133370	RGB 19 51 112	#133370

#5E80AD #5173A2 #456698 #38598E #2C4C84 #1F3F7A #133370

#5E80AD - #133370

HSV Blend

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

0.0%	0.0% #5E7FAD	RGB 94 127 173	#5E7FAD
16.7%	16.7% #4E71A2	RGB 78 113 162	#4E71A2
33.3%	33.3% #3F6398	RGB 63 99 152	#3F6398
50.0%	50.0% #32568E	RGB 50 86 142	#32568E
66.7%	66.7% #264984	RGB 38 73 132	#264984
83.3%	83.3% #1C3D7A	RGB 28 61 122	#1C3D7A
100.0%	100.0% #133370	RGB 19 51 112	#133370

#5E7FAD #4E71A2 #3F6398 #32568E #264984 #1C3D7A #133370

#5E80AD - #32568E - #133370

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7FAD 0%, #32568E 50%, #133370 100%);
    background: -webkit-linear-gradient(top, #5E7FAD 0%, #32568E 50%, #133370 100%);
    background: linear-gradient(to bottom, #5E7FAD 0%, #32568E 50%, #133370 100%);
}
</style>