#5E6C89 - #202E3A | 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 #5E6C89 to #202E3A

#5E6C89 #202E3A

Calculate the color between two colors, #5E6C89 and #202E3A. 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)

#5E6C89 - #202E3A | 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 #5E6C89 as 0% and #202E3A as 100%.

0.0%	0.0% #5E6C89	RGB 94 108 137	#5E6C89
16.7%	16.7% #53617B	RGB 83 97 123	#53617B
33.3%	33.3% #49576E	RGB 73 87 110	#49576E
50.0%	50.0% #3F4D61	RGB 63 77 97	#3F4D61
66.7%	66.7% #344254	RGB 52 66 84	#344254
83.3%	83.3% #2A3847	RGB 42 56 71	#2A3847
100.0%	100.0% #202E3A	RGB 32 46 58	#202E3A

#5E6C89 #53617B #49576E #3F4D61 #344254 #2A3847 #202E3A

#5E6C89 - #202E3A

HSV Blend

#5E6C89 - #202E3A | 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 #5E6C89 as 0% and #202E3A as 100%.

0.0%	0.0% #5E6C89	RGB 94 108 137	#5E6C89
16.7%	16.7% #52617B	RGB 82 97 123	#52617B
33.3%	33.3% #46566E	RGB 70 86 110	#46566E
50.0%	50.0% #3C4C61	RGB 60 76 97	#3C4C61
66.7%	66.7% #324254	RGB 50 66 84	#324254
83.3%	83.3% #283847	RGB 40 56 71	#283847
100.0%	100.0% #202E3A	RGB 32 46 58	#202E3A

#5E6C89 #52617B #46566E #3C4C61 #324254 #283847 #202E3A

#5E6C89 - #3C4C61 - #202E3A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6C89 0%, #3C4C61 50%, #202E3A 100%);
    background: -webkit-linear-gradient(top, #5E6C89 0%, #3C4C61 50%, #202E3A 100%);
    background: linear-gradient(to bottom, #5E6C89 0%, #3C4C61 50%, #202E3A 100%);
}
</style>