#5E6F99 - #262F4A | 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 #5E6F99 to #262F4A

#5E6F99 #262F4A

Calculate the color between two colors, #5E6F99 and #262F4A. 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)

#5E6F99 - #262F4A | 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 #5E6F99 as 0% and #262F4A as 100%.

0.0%	0.0% #5E6F99	RGB 94 111 153	#5E6F99
16.7%	16.7% #54648B	RGB 84 100 139	#54648B
33.3%	33.3% #4B597E	RGB 75 89 126	#4B597E
50.0%	50.0% #424F71	RGB 66 79 113	#424F71
66.7%	66.7% #384464	RGB 56 68 100	#384464
83.3%	83.3% #2F3957	RGB 47 57 87	#2F3957
100.0%	100.0% #262F4A	RGB 38 47 74	#262F4A

#5E6F99 #54648B #4B597E #424F71 #384464 #2F3957 #262F4A

#5E6F99 - #262F4A

HSV Blend

#5E6F99 - #262F4A | 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 #5E6F99 as 0% and #262F4A as 100%.

0.0%	0.0% #5E6F99	RGB 94 111 153	#5E6F99
16.7%	16.7% #53638B	RGB 83 99 139	#53638B
33.3%	33.3% #49587E	RGB 73 88 126	#49587E
50.0%	50.0% #404D71	RGB 64 77 113	#404D71
66.7%	66.7% #364264	RGB 54 66 100	#364264
83.3%	83.3% #2E3857	RGB 46 56 87	#2E3857
100.0%	100.0% #262F4A	RGB 38 47 74	#262F4A

#5E6F99 #53638B #49587E #404D71 #364264 #2E3857 #262F4A

#5E6F99 - #404D71 - #262F4A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6F99 0%, #404D71 50%, #262F4A 100%);
    background: -webkit-linear-gradient(top, #5E6F99 0%, #404D71 50%, #262F4A 100%);
    background: linear-gradient(to bottom, #5E6F99 0%, #404D71 50%, #262F4A 100%);
}
</style>