#5E729B - #213149 | 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 #5E729B to #213149

#5E729B #213149

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

#5E729B - #213149 | 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 #5E729B as 0% and #213149 as 100%.

0.0%	0.0% #5E729B	RGB 94 114 155	#5E729B
16.7%	16.7% #53678D	RGB 83 103 141	#53678D
33.3%	33.3% #495C7F	RGB 73 92 127	#495C7F
50.0%	50.0% #3F5172	RGB 63 81 114	#3F5172
66.7%	66.7% #354664	RGB 53 70 100	#354664
83.3%	83.3% #2B3B56	RGB 43 59 86	#2B3B56
100.0%	100.0% #213149	RGB 33 49 73	#213149

#5E729B #53678D #495C7F #3F5172 #354664 #2B3B56 #213149

#5E729B - #213149

HSV Blend

#5E729B - #213149 | 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 #5E729B as 0% and #213149 as 100%.

0.0%	0.0% #5E729B	RGB 94 114 155	#5E729B
16.7%	16.7% #52668D	RGB 82 102 141	#52668D
33.3%	33.3% #465A7F	RGB 70 90 127	#465A7F
50.0%	50.0% #3C4F72	RGB 60 79 114	#3C4F72
66.7%	66.7% #324564	RGB 50 69 100	#324564
83.3%	83.3% #293A56	RGB 41 58 86	#293A56
100.0%	100.0% #213149	RGB 33 49 73	#213149

#5E729B #52668D #465A7F #3C4F72 #324564 #293A56 #213149

#5E729B - #3C4F72 - #213149

CSS codes

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

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