#5E6DA2 - #1E2E4E | 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 #5E6DA2 to #1E2E4E

#5E6DA2 #1E2E4E

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

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

0.0%	0.0% #5E6DA2	RGB 94 109 162	#5E6DA2
16.7%	16.7% #536294	RGB 83 98 148	#536294
33.3%	33.3% #485886	RGB 72 88 134	#485886
50.0%	50.0% #3E4D78	RGB 62 77 120	#3E4D78
66.7%	66.7% #33436A	RGB 51 67 106	#33436A
83.3%	83.3% #28385C	RGB 40 56 92	#28385C
100.0%	100.0% #1E2E4E	RGB 30 46 78	#1E2E4E

#5E6DA2 #536294 #485886 #3E4D78 #33436A #28385C #1E2E4E

#5E6DA2 - #1E2E4E

HSV Blend

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

0.0%	0.0% #5E6DA2	RGB 94 109 162	#5E6DA2
16.7%	16.7% #516194	RGB 81 97 148	#516194
33.3%	33.3% #455586	RGB 69 85 134	#455586
50.0%	50.0% #394B78	RGB 57 75 120	#394B78
66.7%	66.7% #2F406A	RGB 47 64 106	#2F406A
83.3%	83.3% #26375C	RGB 38 55 92	#26375C
100.0%	100.0% #1E2E4E	RGB 30 46 78	#1E2E4E

#5E6DA2 #516194 #455586 #394B78 #2F406A #26375C #1E2E4E

#5E6DA2 - #394B78 - #1E2E4E

CSS codes

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

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