#1E2F5E - #5E7395 | 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 #1E2F5E to #5E7395

#1E2F5E #5E7395

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

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

0.0%	0.0% #1E2F5E	RGB 30 47 94	#1E2F5E
16.7%	16.7% #283A67	RGB 40 58 103	#283A67
33.3%	33.3% #334570	RGB 51 69 112	#334570
50.0%	50.0% #3E5179	RGB 62 81 121	#3E5179
66.7%	66.7% #485C82	RGB 72 92 130	#485C82
83.3%	83.3% #53678B	RGB 83 103 139	#53678B
100.0%	100.0% #5E7395	RGB 94 115 149	#5E7395

#1E2F5E #283A67 #334570 #3E5179 #485C82 #53678B #5E7395

#1E2F5E - #5E7395

HSV Blend

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

0.0%	0.0% #1E2F5E	RGB 30 47 94	#1E2F5E
16.7%	16.7% #263867	RGB 38 56 103	#263867
33.3%	33.3% #2F4370	RGB 47 67 112	#2F4370
50.0%	50.0% #394E79	RGB 57 78 121	#394E79
66.7%	66.7% #445A82	RGB 68 90 130	#445A82
83.3%	83.3% #50668B	RGB 80 102 139	#50668B
100.0%	100.0% #5E7395	RGB 94 115 149	#5E7395

#1E2F5E #263867 #2F4370 #394E79 #445A82 #50668B #5E7395

#1E2F5E - #394E79 - #5E7395

CSS codes

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

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