#5E80D1 - #1D3584 | 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 #5E80D1 to #1D3584

#5E80D1 #1D3584

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

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

0.0%	0.0% #5E80D1	RGB 94 128 209	#5E80D1
16.7%	16.7% #5373C4	RGB 83 115 196	#5373C4
33.3%	33.3% #4867B7	RGB 72 103 183	#4867B7
50.0%	50.0% #3D5AAA	RGB 61 90 170	#3D5AAA
66.7%	66.7% #324E9D	RGB 50 78 157	#324E9D
83.3%	83.3% #274190	RGB 39 65 144	#274190
100.0%	100.0% #1D3584	RGB 29 53 132	#1D3584

#5E80D1 #5373C4 #4867B7 #3D5AAA #324E9D #274190 #1D3584

#5E80D1 - #1D3584

HSV Blend

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

0.0%	0.0% #5E80D1	RGB 94 128 209	#5E80D1
16.7%	16.7% #5071C4	RGB 80 113 196	#5071C4
33.3%	33.3% #4463B7	RGB 68 99 183	#4463B7
50.0%	50.0% #3957AA	RGB 57 87 170	#3957AA
66.7%	66.7% #2E4A9D	RGB 46 74 157	#2E4A9D
83.3%	83.3% #253F90	RGB 37 63 144	#253F90
100.0%	100.0% #1D3584	RGB 29 53 132	#1D3584

#5E80D1 #5071C4 #4463B7 #3957AA #2E4A9D #253F90 #1D3584

#5E80D1 - #3957AA - #1D3584

CSS codes

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

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