#5E6990 - #1E2D3F | 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 #5E6990 to #1E2D3F

#5E6990 #1E2D3F

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

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

0.0%	0.0% #5E6990	RGB 94 105 144	#5E6990
16.7%	16.7% #535F82	RGB 83 95 130	#535F82
33.3%	33.3% #485575	RGB 72 85 117	#485575
50.0%	50.0% #3E4B67	RGB 62 75 103	#3E4B67
66.7%	66.7% #33415A	RGB 51 65 90	#33415A
83.3%	83.3% #28374C	RGB 40 55 76	#28374C
100.0%	100.0% #1E2D3F	RGB 30 45 63	#1E2D3F

#5E6990 #535F82 #485575 #3E4B67 #33415A #28374C #1E2D3F

#5E6990 - #1E2D3F

HSV Blend

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

0.0%	0.0% #5E6990	RGB 94 105 144	#5E6990
16.7%	16.7% #515E82	RGB 81 94 130	#515E82
33.3%	33.3% #455375	RGB 69 83 117	#455375
50.0%	50.0% #3A4967	RGB 58 73 103	#3A4967
66.7%	66.7% #303F5A	RGB 48 63 90	#303F5A
83.3%	83.3% #26364C	RGB 38 54 76	#26364C
100.0%	100.0% #1E2D3F	RGB 30 45 63	#1E2D3F

#5E6990 #515E82 #455375 #3A4967 #303F5A #26364C #1E2D3F

#5E6990 - #3A4967 - #1E2D3F

CSS codes

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

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