#5E5ED6 - #161A82 | 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 #5E5ED6 to #161A82

#5E5ED6 #161A82

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

#5E5ED6 - #161A82 | 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 #5E5ED6 as 0% and #161A82 as 100%.

0.0%	0.0% #5E5ED6	RGB 94 94 214	#5E5ED6
16.7%	16.7% #5252C8	RGB 82 82 200	#5252C8
33.3%	33.3% #4647BA	RGB 70 71 186	#4647BA
50.0%	50.0% #3A3CAC	RGB 58 60 172	#3A3CAC
66.7%	66.7% #2E309E	RGB 46 48 158	#2E309E
83.3%	83.3% #222590	RGB 34 37 144	#222590
100.0%	100.0% #161A82	RGB 22 26 130	#161A82

#5E5ED6 #5252C8 #4647BA #3A3CAC #2E309E #222590 #161A82

#5E5ED6 - #161A82

HSV Blend

#5E5ED6 - #161A82 | 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 #5E5ED6 as 0% and #161A82 as 100%.

0.0%	0.0% #5E5ED6	RGB 94 94 214	#5E5ED6
16.7%	16.7% #4E4FC8	RGB 78 79 200	#4E4FC8
33.3%	33.3% #4042BA	RGB 64 66 186	#4042BA
50.0%	50.0% #3436AC	RGB 52 54 172	#3436AC
66.7%	66.7% #282B9E	RGB 40 43 158	#282B9E
83.3%	83.3% #1E2290	RGB 30 34 144	#1E2290
100.0%	100.0% #161A82	RGB 22 26 130	#161A82

#5E5ED6 #4E4FC8 #4042BA #3436AC #282B9E #1E2290 #161A82

#5E5ED6 - #3436AC - #161A82

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5ED6 0%, #3436AC 50%, #161A82 100%);
    background: -webkit-linear-gradient(top, #5E5ED6 0%, #3436AC 50%, #161A82 100%);
    background: linear-gradient(to bottom, #5E5ED6 0%, #3436AC 50%, #161A82 100%);
}
</style>