#5E6AA1 - #1D2C4D | 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 #5E6AA1 to #1D2C4D

#5E6AA1 #1D2C4D

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

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

0.0%	0.0% #5E6AA1	RGB 94 106 161	#5E6AA1
16.7%	16.7% #535F93	RGB 83 95 147	#535F93
33.3%	33.3% #485585	RGB 72 85 133	#485585
50.0%	50.0% #3D4B77	RGB 61 75 119	#3D4B77
66.7%	66.7% #324069	RGB 50 64 105	#324069
83.3%	83.3% #27365B	RGB 39 54 91	#27365B
100.0%	100.0% #1D2C4D	RGB 29 44 77	#1D2C4D

#5E6AA1 #535F93 #485585 #3D4B77 #324069 #27365B #1D2C4D

#5E6AA1 - #1D2C4D

HSV Blend

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

0.0%	0.0% #5E6AA1	RGB 94 106 161	#5E6AA1
16.7%	16.7% #505E93	RGB 80 94 147	#505E93
33.3%	33.3% #445285	RGB 68 82 133	#445285
50.0%	50.0% #394877	RGB 57 72 119	#394877
66.7%	66.7% #2E3E69	RGB 46 62 105	#2E3E69
83.3%	83.3% #25345B	RGB 37 52 91	#25345B
100.0%	100.0% #1D2C4D	RGB 29 44 77	#1D2C4D

#5E6AA1 #505E93 #445285 #394877 #2E3E69 #25345B #1D2C4D

#5E6AA1 - #394877 - #1D2C4D

CSS codes

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

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