#5E83A0 - #1F3D4D | 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 #5E83A0 to #1F3D4D

#5E83A0 #1F3D4D

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

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

0.0%	0.0% #5E83A0	RGB 94 131 160	#5E83A0
16.7%	16.7% #537792	RGB 83 119 146	#537792
33.3%	33.3% #496B84	RGB 73 107 132	#496B84
50.0%	50.0% #3E6076	RGB 62 96 118	#3E6076
66.7%	66.7% #345468	RGB 52 84 104	#345468
83.3%	83.3% #29485A	RGB 41 72 90	#29485A
100.0%	100.0% #1F3D4D	RGB 31 61 77	#1F3D4D

#5E83A0 #537792 #496B84 #3E6076 #345468 #29485A #1F3D4D

#5E83A0 - #1F3D4D

HSV Blend

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

0.0%	0.0% #5E83A0	RGB 94 131 160	#5E83A0
16.7%	16.7% #517692	RGB 81 118 146	#517692
33.3%	33.3% #456A84	RGB 69 106 132	#456A84
50.0%	50.0% #3A5E76	RGB 58 94 118	#3A5E76
66.7%	66.7% #305368	RGB 48 83 104	#305368
83.3%	83.3% #27485A	RGB 39 72 90	#27485A
100.0%	100.0% #1F3D4D	RGB 31 61 77	#1F3D4D

#5E83A0 #517692 #456A84 #3A5E76 #305368 #27485A #1F3D4D

#5E83A0 - #3A5E76 - #1F3D4D

CSS codes

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

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