#5E6AA3 - #1D2C4E | 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 #5E6AA3 to #1D2C4E

#5E6AA3 #1D2C4E

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

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

0.0%	0.0% #5E6AA3	RGB 94 106 163	#5E6AA3
16.7%	16.7% #535F94	RGB 83 95 148	#535F94
33.3%	33.3% #485586	RGB 72 85 134	#485586
50.0%	50.0% #3D4B78	RGB 61 75 120	#3D4B78
66.7%	66.7% #32406A	RGB 50 64 106	#32406A
83.3%	83.3% #27365C	RGB 39 54 92	#27365C
100.0%	100.0% #1D2C4E	RGB 29 44 78	#1D2C4E

#5E6AA3 #535F94 #485586 #3D4B78 #32406A #27365C #1D2C4E

#5E6AA3 - #1D2C4E

HSV Blend

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

0.0%	0.0% #5E6AA3	RGB 94 106 163	#5E6AA3
16.7%	16.7% #505E94	RGB 80 94 148	#505E94
33.3%	33.3% #445286	RGB 68 82 134	#445286
50.0%	50.0% #394878	RGB 57 72 120	#394878
66.7%	66.7% #2E3E6A	RGB 46 62 106	#2E3E6A
83.3%	83.3% #25345C	RGB 37 52 92	#25345C
100.0%	100.0% #1D2C4E	RGB 29 44 78	#1D2C4E

#5E6AA3 #505E94 #445286 #394878 #2E3E6A #25345C #1D2C4E

#5E6AA3 - #394878 - #1D2C4E

CSS codes

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

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