#212221 - #4A5E4B | 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 #212221 to #4A5E4B

#212221 #4A5E4B

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

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

0.0%	0.0% #212221	RGB 33 34 33	#212221
16.7%	16.7% #272C28	RGB 39 44 40	#272C28
33.3%	33.3% #2E362F	RGB 46 54 47	#2E362F
50.0%	50.0% #354036	RGB 53 64 54	#354036
66.7%	66.7% #3C4A3D	RGB 60 74 61	#3C4A3D
83.3%	83.3% #435444	RGB 67 84 68	#435444
100.0%	100.0% #4A5E4B	RGB 74 94 75	#4A5E4B

#212221 #272C28 #2E362F #354036 #3C4A3D #435444 #4A5E4B

#212221 - #4A5E4B

HSV Blend

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

0.0%	0.0% #212221	RGB 33 34 33	#212221
16.7%	16.7% #292C29	RGB 41 44 41	#292C29
33.3%	33.3% #313631	RGB 49 54 49	#313631
50.0%	50.0% #384038	RGB 56 64 56	#384038
66.7%	66.7% #3E4A3F	RGB 62 74 63	#3E4A3F
83.3%	83.3% #445445	RGB 68 84 69	#445445
100.0%	100.0% #4A5E4B	RGB 74 94 75	#4A5E4B

#212221 #292C29 #313631 #384038 #3E4A3F #445445 #4A5E4B

#212221 - #384038 - #4A5E4B

CSS codes

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

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