#4D4B5E - #220A54 | 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 #4D4B5E to #220A54

#4D4B5E #220A54

Calculate the color between two colors, #4D4B5E and #220A54. 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)

#4D4B5E - #220A54 | 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 #4D4B5E as 0% and #220A54 as 100%.

0.0%	0.0% #4D4B5E	RGB 77 75 94	#4D4B5E
16.7%	16.7% #45405C	RGB 69 64 92	#45405C
33.3%	33.3% #3E355A	RGB 62 53 90	#3E355A
50.0%	50.0% #372A59	RGB 55 42 89	#372A59
66.7%	66.7% #301F57	RGB 48 31 87	#301F57
83.3%	83.3% #291455	RGB 41 20 85	#291455
100.0%	100.0% #220A54	RGB 34 10 84	#220A54

#4D4B5E #45405C #3E355A #372A59 #301F57 #291455 #220A54

#4D4B5E - #220A54

HSV Blend

#4D4B5E - #220A54 | 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 #4D4B5E as 0% and #220A54 as 100%.

0.0%	0.0% #4D4B5E	RGB 77 75 94	#4D4B5E
16.7%	16.7% #433F5C	RGB 67 63 92	#433F5C
33.3%	33.3% #3A335A	RGB 58 51 90	#3A335A
50.0%	50.0% #332859	RGB 51 40 89	#332859
66.7%	66.7% #2C1E57	RGB 44 30 87	#2C1E57
83.3%	83.3% #261355	RGB 38 19 85	#261355
100.0%	100.0% #220A54	RGB 34 10 84	#220A54

#4D4B5E #433F5C #3A335A #332859 #2C1E57 #261355 #220A54

#4D4B5E - #332859 - #220A54

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4B5E 0%, #332859 50%, #220A54 100%);
    background: -webkit-linear-gradient(top, #4D4B5E 0%, #332859 50%, #220A54 100%);
    background: linear-gradient(to bottom, #4D4B5E 0%, #332859 50%, #220A54 100%);
}
</style>