#5E6D8C - #272D3F | 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 #5E6D8C to #272D3F

#5E6D8C #272D3F

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

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

0.0%	0.0% #5E6D8C	RGB 94 109 140	#5E6D8C
16.7%	16.7% #54627F	RGB 84 98 127	#54627F
33.3%	33.3% #4B5772	RGB 75 87 114	#4B5772
50.0%	50.0% #424D65	RGB 66 77 101	#424D65
66.7%	66.7% #394258	RGB 57 66 88	#394258
83.3%	83.3% #30374B	RGB 48 55 75	#30374B
100.0%	100.0% #272D3F	RGB 39 45 63	#272D3F

#5E6D8C #54627F #4B5772 #424D65 #394258 #30374B #272D3F

#5E6D8C - #272D3F

HSV Blend

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

0.0%	0.0% #5E6D8C	RGB 94 109 140	#5E6D8C
16.7%	16.7% #54617F	RGB 84 97 127	#54617F
33.3%	33.3% #4A5672	RGB 74 86 114	#4A5672
50.0%	50.0% #414B65	RGB 65 75 101	#414B65
66.7%	66.7% #384158	RGB 56 65 88	#384158
83.3%	83.3% #2F374B	RGB 47 55 75	#2F374B
100.0%	100.0% #272D3F	RGB 39 45 63	#272D3F

#5E6D8C #54617F #4A5672 #414B65 #384158 #2F374B #272D3F

#5E6D8C - #414B65 - #272D3F

CSS codes

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

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