#4D5E89 - #161A27 | 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 #4D5E89 to #161A27

#4D5E89 #161A27

Calculate the color between two colors, #4D5E89 and #161A27. 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)

#4D5E89 - #161A27 | 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 #4D5E89 as 0% and #161A27 as 100%.

0.0%	0.0% #4D5E89	RGB 77 94 137	#4D5E89
16.7%	16.7% #435278	RGB 67 82 120	#435278
33.3%	33.3% #3A4768	RGB 58 71 104	#3A4768
50.0%	50.0% #313C58	RGB 49 60 88	#313C58
66.7%	66.7% #283047	RGB 40 48 71	#283047
83.3%	83.3% #1F2537	RGB 31 37 55	#1F2537
100.0%	100.0% #161A27	RGB 22 26 39	#161A27

#4D5E89 #435278 #3A4768 #313C58 #283047 #1F2537 #161A27

#4D5E89 - #161A27

HSV Blend

#4D5E89 - #161A27 | 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 #4D5E89 as 0% and #161A27 as 100%.

0.0%	0.0% #4D5E89	RGB 77 94 137	#4D5E89
16.7%	16.7% #435278	RGB 67 82 120	#435278
33.3%	33.3% #3A4668	RGB 58 70 104	#3A4668
50.0%	50.0% #313B58	RGB 49 59 88	#313B58
66.7%	66.7% #283047	RGB 40 48 71	#283047
83.3%	83.3% #1F2537	RGB 31 37 55	#1F2537
100.0%	100.0% #161A27	RGB 22 26 39	#161A27

#4D5E89 #435278 #3A4668 #313B58 #283047 #1F2537 #161A27

#4D5E89 - #313B58 - #161A27

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E89 0%, #313B58 50%, #161A27 100%);
    background: -webkit-linear-gradient(top, #4D5E89 0%, #313B58 50%, #161A27 100%);
    background: linear-gradient(to bottom, #4D5E89 0%, #313B58 50%, #161A27 100%);
}
</style>