#5E6FA4 - #1E2F50 | 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 #5E6FA4 to #1E2F50

#5E6FA4 #1E2F50

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

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

0.0%	0.0% #5E6FA4	RGB 94 111 164	#5E6FA4
16.7%	16.7% #536496	RGB 83 100 150	#536496
33.3%	33.3% #485988	RGB 72 89 136	#485988
50.0%	50.0% #3E4F7A	RGB 62 79 122	#3E4F7A
66.7%	66.7% #33446C	RGB 51 68 108	#33446C
83.3%	83.3% #28395E	RGB 40 57 94	#28395E
100.0%	100.0% #1E2F50	RGB 30 47 80	#1E2F50

#5E6FA4 #536496 #485988 #3E4F7A #33446C #28395E #1E2F50

#5E6FA4 - #1E2F50

HSV Blend

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

0.0%	0.0% #5E6FA4	RGB 94 111 164	#5E6FA4
16.7%	16.7% #516296	RGB 81 98 150	#516296
33.3%	33.3% #445788	RGB 68 87 136	#445788
50.0%	50.0% #394C7A	RGB 57 76 122	#394C7A
66.7%	66.7% #2F426C	RGB 47 66 108	#2F426C
83.3%	83.3% #26385E	RGB 38 56 94	#26385E
100.0%	100.0% #1E2F50	RGB 30 47 80	#1E2F50

#5E6FA4 #516296 #445788 #394C7A #2F426C #26385E #1E2F50

#5E6FA4 - #394C7A - #1E2F50

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6FA4 0%, #394C7A 50%, #1E2F50 100%);
    background: -webkit-linear-gradient(top, #5E6FA4 0%, #394C7A 50%, #1E2F50 100%);
    background: linear-gradient(to bottom, #5E6FA4 0%, #394C7A 50%, #1E2F50 100%);
}
</style>