#5E6C8D - #272D40 | 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 #5E6C8D to #272D40

#5E6C8D #272D40

Calculate the color between two colors, #5E6C8D and #272D40. 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)

#5E6C8D - #272D40 | 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 #5E6C8D as 0% and #272D40 as 100%.

0.0%	0.0% #5E6C8D	RGB 94 108 141	#5E6C8D
16.7%	16.7% #546180	RGB 84 97 128	#546180
33.3%	33.3% #4B5773	RGB 75 87 115	#4B5773
50.0%	50.0% #424C66	RGB 66 76 102	#424C66
66.7%	66.7% #394259	RGB 57 66 89	#394259
83.3%	83.3% #30374C	RGB 48 55 76	#30374C
100.0%	100.0% #272D40	RGB 39 45 64	#272D40

#5E6C8D #546180 #4B5773 #424C66 #394259 #30374C #272D40

#5E6C8D - #272D40

HSV Blend

#5E6C8D - #272D40 | 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 #5E6C8D as 0% and #272D40 as 100%.

0.0%	0.0% #5E6C8D	RGB 94 108 141	#5E6C8D
16.7%	16.7% #546080	RGB 84 96 128	#546080
33.3%	33.3% #4A5673	RGB 74 86 115	#4A5673
50.0%	50.0% #414B66	RGB 65 75 102	#414B66
66.7%	66.7% #384059	RGB 56 64 89	#384059
83.3%	83.3% #2F364C	RGB 47 54 76	#2F364C
100.0%	100.0% #272D40	RGB 39 45 64	#272D40

#5E6C8D #546080 #4A5673 #414B66 #384059 #2F364C #272D40

#5E6C8D - #414B66 - #272D40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6C8D 0%, #414B66 50%, #272D40 100%);
    background: -webkit-linear-gradient(top, #5E6C8D 0%, #414B66 50%, #272D40 100%);
    background: linear-gradient(to bottom, #5E6C8D 0%, #414B66 50%, #272D40 100%);
}
</style>