#1E2E5E - #5D7295 | 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 #1E2E5E to #5D7295

#1E2E5E #5D7295

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

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

0.0%	0.0% #1E2E5E	RGB 30 46 94	#1E2E5E
16.7%	16.7% #283967	RGB 40 57 103	#283967
33.3%	33.3% #334470	RGB 51 68 112	#334470
50.0%	50.0% #3D5079	RGB 61 80 121	#3D5079
66.7%	66.7% #485B82	RGB 72 91 130	#485B82
83.3%	83.3% #52668B	RGB 82 102 139	#52668B
100.0%	100.0% #5D7295	RGB 93 114 149	#5D7295

#1E2E5E #283967 #334470 #3D5079 #485B82 #52668B #5D7295

#1E2E5E - #5D7295

HSV Blend

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

0.0%	0.0% #1E2E5E	RGB 30 46 94	#1E2E5E
16.7%	16.7% #263767	RGB 38 55 103	#263767
33.3%	33.3% #2F4270	RGB 47 66 112	#2F4270
50.0%	50.0% #394D79	RGB 57 77 121	#394D79
66.7%	66.7% #445982	RGB 68 89 130	#445982
83.3%	83.3% #50658B	RGB 80 101 139	#50658B
100.0%	100.0% #5D7295	RGB 93 114 149	#5D7295

#1E2E5E #263767 #2F4270 #394D79 #445982 #50658B #5D7295

#1E2E5E - #394D79 - #5D7295

CSS codes

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

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