#5E6D9B - #181E63 | 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 #5E6D9B to #181E63

#5E6D9B #181E63

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

#5E6D9B - #181E63 | 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 #5E6D9B as 0% and #181E63 as 100%.

0.0%	0.0% #5E6D9B	RGB 94 109 155	#5E6D9B
16.7%	16.7% #525F91	RGB 82 95 145	#525F91
33.3%	33.3% #465288	RGB 70 82 136	#465288
50.0%	50.0% #3B457F	RGB 59 69 127	#3B457F
66.7%	66.7% #2F3875	RGB 47 56 117	#2F3875
83.3%	83.3% #232B6C	RGB 35 43 108	#232B6C
100.0%	100.0% #181E63	RGB 24 30 99	#181E63

#5E6D9B #525F91 #465288 #3B457F #2F3875 #232B6C #181E63

#5E6D9B - #181E63

HSV Blend

#5E6D9B - #181E63 | 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 #5E6D9B as 0% and #181E63 as 100%.

0.0%	0.0% #5E6D9B	RGB 94 109 155	#5E6D9B
16.7%	16.7% #4F5D91	RGB 79 93 145	#4F5D91
33.3%	33.3% #424F88	RGB 66 79 136	#424F88
50.0%	50.0% #35417F	RGB 53 65 127	#35417F
66.7%	66.7% #2A3475	RGB 42 52 117	#2A3475
83.3%	83.3% #20286C	RGB 32 40 108	#20286C
100.0%	100.0% #181E63	RGB 24 30 99	#181E63

#5E6D9B #4F5D91 #424F88 #35417F #2A3475 #20286C #181E63

#5E6D9B - #35417F - #181E63

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6D9B 0%, #35417F 50%, #181E63 100%);
    background: -webkit-linear-gradient(top, #5E6D9B 0%, #35417F 50%, #181E63 100%);
    background: linear-gradient(to bottom, #5E6D9B 0%, #35417F 50%, #181E63 100%);
}
</style>