#5E80D7 - #1C348B | 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 #5E80D7 to #1C348B

#5E80D7 #1C348B

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

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

0.0%	0.0% #5E80D7	RGB 94 128 215	#5E80D7
16.7%	16.7% #5373CA	RGB 83 115 202	#5373CA
33.3%	33.3% #4866BD	RGB 72 102 189	#4866BD
50.0%	50.0% #3D5AB1	RGB 61 90 177	#3D5AB1
66.7%	66.7% #324DA4	RGB 50 77 164	#324DA4
83.3%	83.3% #274097	RGB 39 64 151	#274097
100.0%	100.0% #1C348B	RGB 28 52 139	#1C348B

#5E80D7 #5373CA #4866BD #3D5AB1 #324DA4 #274097 #1C348B

#5E80D7 - #1C348B

HSV Blend

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

0.0%	0.0% #5D7FD7	RGB 93 127 215	#5D7FD7
16.7%	16.7% #5071CA	RGB 80 113 202	#5071CA
33.3%	33.3% #4463BD	RGB 68 99 189	#4463BD
50.0%	50.0% #3856B1	RGB 56 86 177	#3856B1
66.7%	66.7% #2E4AA4	RGB 46 74 164	#2E4AA4
83.3%	83.3% #243E97	RGB 36 62 151	#243E97
100.0%	100.0% #1C348B	RGB 28 52 139	#1C348B

#5D7FD7 #5071CA #4463BD #3856B1 #2E4AA4 #243E97 #1C348B

#5E80D7 - #3856B1 - #1C348B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D7FD7 0%, #3856B1 50%, #1C348B 100%);
    background: -webkit-linear-gradient(top, #5D7FD7 0%, #3856B1 50%, #1C348B 100%);
    background: linear-gradient(to bottom, #5D7FD7 0%, #3856B1 50%, #1C348B 100%);
}
</style>