#4D5EAE - #161A31 | 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 #4D5EAE to #161A31

#4D5EAE #161A31

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

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

0.0%	0.0% #4D5EAE	RGB 77 94 174	#4D5EAE
16.7%	16.7% #435299	RGB 67 82 153	#435299
33.3%	33.3% #3A4784	RGB 58 71 132	#3A4784
50.0%	50.0% #313C6F	RGB 49 60 111	#313C6F
66.7%	66.7% #28305A	RGB 40 48 90	#28305A
83.3%	83.3% #1F2545	RGB 31 37 69	#1F2545
100.0%	100.0% #161A31	RGB 22 26 49	#161A31

#4D5EAE #435299 #3A4784 #313C6F #28305A #1F2545 #161A31

#4D5EAE - #161A31

HSV Blend

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

0.0%	0.0% #4D5DAE	RGB 77 93 174	#4D5DAE
16.7%	16.7% #435299	RGB 67 82 153	#435299
33.3%	33.3% #3A4784	RGB 58 71 132	#3A4784
50.0%	50.0% #313B6F	RGB 49 59 111	#313B6F
66.7%	66.7% #28305A	RGB 40 48 90	#28305A
83.3%	83.3% #1F2545	RGB 31 37 69	#1F2545
100.0%	100.0% #161A31	RGB 22 26 49	#161A31

#4D5DAE #435299 #3A4784 #313B6F #28305A #1F2545 #161A31

#4D5EAE - #313B6F - #161A31

CSS codes

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

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