#5E7DC9 - #1D3479 | 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 #5E7DC9 to #1D3479

#5E7DC9 #1D3479

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

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

0.0%	0.0% #5E7DC9	RGB 94 125 201	#5E7DC9
16.7%	16.7% #5370BB	RGB 83 112 187	#5370BB
33.3%	33.3% #4864AE	RGB 72 100 174	#4864AE
50.0%	50.0% #3D58A1	RGB 61 88 161	#3D58A1
66.7%	66.7% #324C93	RGB 50 76 147	#324C93
83.3%	83.3% #274086	RGB 39 64 134	#274086
100.0%	100.0% #1D3479	RGB 29 52 121	#1D3479

#5E7DC9 #5370BB #4864AE #3D58A1 #324C93 #274086 #1D3479

#5E7DC9 - #1D3479

HSV Blend

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

0.0%	0.0% #5E7DC9	RGB 94 125 201	#5E7DC9
16.7%	16.7% #506EBB	RGB 80 110 187	#506EBB
33.3%	33.3% #4461AE	RGB 68 97 174	#4461AE
50.0%	50.0% #3855A1	RGB 56 85 161	#3855A1
66.7%	66.7% #2E4993	RGB 46 73 147	#2E4993
83.3%	83.3% #253E86	RGB 37 62 134	#253E86
100.0%	100.0% #1D3479	RGB 29 52 121	#1D3479

#5E7DC9 #506EBB #4461AE #3855A1 #2E4993 #253E86 #1D3479

#5E7DC9 - #3855A1 - #1D3479

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7DC9 0%, #3855A1 50%, #1D3479 100%);
    background: -webkit-linear-gradient(top, #5E7DC9 0%, #3855A1 50%, #1D3479 100%);
    background: linear-gradient(to bottom, #5E7DC9 0%, #3855A1 50%, #1D3479 100%);
}
</style>