#4D5E50 - #211D22 | 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 #4D5E50 to #211D22

#4D5E50 #211D22

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

#4D5E50 - #211D22 | 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 #4D5E50 as 0% and #211D22 as 100%.

0.0%	0.0% #4D5E50	RGB 77 94 80	#4D5E50
16.7%	16.7% #455348	RGB 69 83 72	#455348
33.3%	33.3% #3E4840	RGB 62 72 64	#3E4840
50.0%	50.0% #373D39	RGB 55 61 57	#373D39
66.7%	66.7% #2F3231	RGB 47 50 49	#2F3231
83.3%	83.3% #282729	RGB 40 39 41	#282729
100.0%	100.0% #211D22	RGB 33 29 34	#211D22

#4D5E50 #455348 #3E4840 #373D39 #2F3231 #282729 #211D22

#4D5E50 - #211D22

HSV Blend

#4D5E50 - #211D22 | 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 #4D5E50 as 0% and #211D22 as 100%.

0.0%	0.0% #4D5E50	RGB 77 94 80	#4D5E50
16.7%	16.7% #45544E	RGB 69 84 78	#45544E
33.3%	33.3% #3D494A	RGB 61 73 74	#3D494A
50.0%	50.0% #353A40	RGB 53 58 64	#353A40
66.7%	66.7% #2D2E36	RGB 45 46 54	#2D2E36
83.3%	83.3% #27252C	RGB 39 37 44	#27252C
100.0%	100.0% #211D22	RGB 33 29 34	#211D22

#4D5E50 #45544E #3D494A #353A40 #2D2E36 #27252C #211D22

#4D5E50 - #353A40 - #211D22

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E50 0%, #353A40 50%, #211D22 100%);
    background: -webkit-linear-gradient(top, #4D5E50 0%, #353A40 50%, #211D22 100%);
    background: linear-gradient(to bottom, #4D5E50 0%, #353A40 50%, #211D22 100%);
}
</style>