#4D5E55 - #221D22 | 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 #4D5E55 to #221D22

#4D5E55 #221D22

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

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

0.0%	0.0% #4D5E55	RGB 77 94 85	#4D5E55
16.7%	16.7% #45534C	RGB 69 83 76	#45534C
33.3%	33.3% #3E4844	RGB 62 72 68	#3E4844
50.0%	50.0% #373D3B	RGB 55 61 59	#373D3B
66.7%	66.7% #303233	RGB 48 50 51	#303233
83.3%	83.3% #29272A	RGB 41 39 42	#29272A
100.0%	100.0% #221D22	RGB 34 29 34	#221D22

#4D5E55 #45534C #3E4844 #373D3B #303233 #29272A #221D22

#4D5E55 - #221D22

HSV Blend

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

0.0%	0.0% #4D5E55	RGB 77 94 85	#4D5E55
16.7%	16.7% #455452	RGB 69 84 82	#455452
33.3%	33.3% #3D464A	RGB 61 70 74	#3D464A
50.0%	50.0% #353840	RGB 53 56 64	#353840
66.7%	66.7% #2E2D36	RGB 46 45 54	#2E2D36
83.3%	83.3% #29252C	RGB 41 37 44	#29252C
100.0%	100.0% #221D22	RGB 34 29 34	#221D22

#4D5E55 #455452 #3D464A #353840 #2E2D36 #29252C #221D22

#4D5E55 - #353840 - #221D22

CSS codes

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

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