#4D4D5E - #120A50 | 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 #4D4D5E to #120A50

#4D4D5E #120A50

Calculate the color between two colors, #4D4D5E and #120A50. 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)

#4D4D5E - #120A50 | 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 #4D4D5E as 0% and #120A50 as 100%.

0.0%	0.0% #4D4D5E	RGB 77 77 94	#4D4D5E
16.7%	16.7% #43415B	RGB 67 65 91	#43415B
33.3%	33.3% #393659	RGB 57 54 89	#393659
50.0%	50.0% #2F2B57	RGB 47 43 87	#2F2B57
66.7%	66.7% #252054	RGB 37 32 84	#252054
83.3%	83.3% #1B1552	RGB 27 21 82	#1B1552
100.0%	100.0% #120A50	RGB 18 10 80	#120A50

#4D4D5E #43415B #393659 #2F2B57 #252054 #1B1552 #120A50

#4D4D5E - #120A50

HSV Blend

#4D4D5E - #120A50 | 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 #4D4D5E as 0% and #120A50 as 100%.

0.0%	0.0% #4D4D5E	RGB 77 77 94	#4D4D5E
16.7%	16.7% #41405B	RGB 65 64 91	#41405B
33.3%	33.3% #353459	RGB 53 52 89	#353459
50.0%	50.0% #2B2957	RGB 43 41 87	#2B2957
66.7%	66.7% #221E54	RGB 34 30 84	#221E54
83.3%	83.3% #191352	RGB 25 19 82	#191352
100.0%	100.0% #120A50	RGB 18 10 80	#120A50

#4D4D5E #41405B #353459 #2B2957 #221E54 #191352 #120A50

#4D4D5E - #2B2957 - #120A50

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D5E 0%, #2B2957 50%, #120A50 100%);
    background: -webkit-linear-gradient(top, #4D4D5E 0%, #2B2957 50%, #120A50 100%);
    background: linear-gradient(to bottom, #4D4D5E 0%, #2B2957 50%, #120A50 100%);
}
</style>