#5E6B93 - #1E2E41 | 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 #5E6B93 to #1E2E41

#5E6B93 #1E2E41

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

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

0.0%	0.0% #5E6B93	RGB 94 107 147	#5E6B93
16.7%	16.7% #536085	RGB 83 96 133	#536085
33.3%	33.3% #485677	RGB 72 86 119	#485677
50.0%	50.0% #3E4C6A	RGB 62 76 106	#3E4C6A
66.7%	66.7% #33425C	RGB 51 66 92	#33425C
83.3%	83.3% #28384E	RGB 40 56 78	#28384E
100.0%	100.0% #1E2E41	RGB 30 46 65	#1E2E41

#5E6B93 #536085 #485677 #3E4C6A #33425C #28384E #1E2E41

#5E6B93 - #1E2E41

HSV Blend

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

0.0%	0.0% #5E6B93	RGB 94 107 147	#5E6B93
16.7%	16.7% #515F85	RGB 81 95 133	#515F85
33.3%	33.3% #455577	RGB 69 85 119	#455577
50.0%	50.0% #3A4B6A	RGB 58 75 106	#3A4B6A
66.7%	66.7% #30415C	RGB 48 65 92	#30415C
83.3%	83.3% #26374E	RGB 38 55 78	#26374E
100.0%	100.0% #1E2E41	RGB 30 46 65	#1E2E41

#5E6B93 #515F85 #455577 #3A4B6A #30415C #26374E #1E2E41

#5E6B93 - #3A4B6A - #1E2E41

CSS codes

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

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