#5E6EAA - #1E2D56 | 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 #5E6EAA to #1E2D56

#5E6EAA #1E2D56

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

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

0.0%	0.0% #5E6EAA	RGB 94 110 170	#5E6EAA
16.7%	16.7% #53639C	RGB 83 99 156	#53639C
33.3%	33.3% #48588E	RGB 72 88 142	#48588E
50.0%	50.0% #3E4D80	RGB 62 77 128	#3E4D80
66.7%	66.7% #334272	RGB 51 66 114	#334272
83.3%	83.3% #283764	RGB 40 55 100	#283764
100.0%	100.0% #1E2D56	RGB 30 45 86	#1E2D56

#5E6EAA #53639C #48588E #3E4D80 #334272 #283764 #1E2D56

#5E6EAA - #1E2D56

HSV Blend

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

0.0%	0.0% #5E6EAA	RGB 94 110 170	#5E6EAA
16.7%	16.7% #50619C	RGB 80 97 156	#50619C
33.3%	33.3% #44558E	RGB 68 85 142	#44558E
50.0%	50.0% #394A80	RGB 57 74 128	#394A80
66.7%	66.7% #2F4072	RGB 47 64 114	#2F4072
83.3%	83.3% #263664	RGB 38 54 100	#263664
100.0%	100.0% #1E2D56	RGB 30 45 86	#1E2D56

#5E6EAA #50619C #44558E #394A80 #2F4072 #263664 #1E2D56

#5E6EAA - #394A80 - #1E2D56

CSS codes

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

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