#212122 - #4D4A5E | 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 #212122 to #4D4A5E

#212122 #4D4A5E

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

#212122 - #4D4A5E | 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 #212122 as 0% and #4D4A5E as 100%.

0.0%	0.0% #212122	RGB 33 33 34	#212122
16.7%	16.7% #28272C	RGB 40 39 44	#28272C
33.3%	33.3% #2F2E36	RGB 47 46 54	#2F2E36
50.0%	50.0% #373540	RGB 55 53 64	#373540
66.7%	66.7% #3E3C4A	RGB 62 60 74	#3E3C4A
83.3%	83.3% #454354	RGB 69 67 84	#454354
100.0%	100.0% #4D4A5E	RGB 77 74 94	#4D4A5E

#212122 #28272C #2F2E36 #373540 #3E3C4A #454354 #4D4A5E

#212122 - #4D4A5E

HSV Blend

#212122 - #4D4A5E | 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 #212122 as 0% and #4D4A5E as 100%.

0.0%	0.0% #212122	RGB 33 33 34	#212122
16.7%	16.7% #29292C	RGB 41 41 44	#29292C
33.3%	33.3% #313136	RGB 49 49 54	#313136
50.0%	50.0% #383840	RGB 56 56 64	#383840
66.7%	66.7% #3F3E4A	RGB 63 62 74	#3F3E4A
83.3%	83.3% #464454	RGB 70 68 84	#464454
100.0%	100.0% #4D4A5E	RGB 77 74 94	#4D4A5E

#212122 #29292C #313136 #383840 #3F3E4A #464454 #4D4A5E

#212122 - #383840 - #4D4A5E

CSS codes

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

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