#4D5E4A - #201C11 | 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 #4D5E4A to #201C11

#4D5E4A #201C11

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

#4D5E4A - #201C11 | 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 #4D5E4A as 0% and #201C11 as 100%.

0.0%	0.0% #4D5E4A	RGB 77 94 74	#4D5E4A
16.7%	16.7% #455340	RGB 69 83 64	#455340
33.3%	33.3% #3E4837	RGB 62 72 55	#3E4837
50.0%	50.0% #363D2D	RGB 54 61 45	#363D2D
66.7%	66.7% #2F3224	RGB 47 50 36	#2F3224
83.3%	83.3% #27271A	RGB 39 39 26	#27271A
100.0%	100.0% #201C11	RGB 32 28 17	#201C11

#4D5E4A #455340 #3E4837 #363D2D #2F3224 #27271A #201C11

#4D5E4A - #201C11

HSV Blend

#4D5E4A - #201C11 | 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 #4D5E4A as 0% and #201C11 as 100%.

0.0%	0.0% #4D5E4A	RGB 77 94 74	#4D5E4A
16.7%	16.7% #45533E	RGB 69 83 62	#45533E
33.3%	33.3% #3E4933	RGB 62 73 51	#3E4933
50.0%	50.0% #383F29	RGB 56 63 41	#383F29
66.7%	66.7% #323420	RGB 50 52 32	#323420
83.3%	83.3% #2A2818	RGB 42 40 24	#2A2818
100.0%	100.0% #201C11	RGB 32 28 17	#201C11

#4D5E4A #45533E #3E4933 #383F29 #323420 #2A2818 #201C11

#4D5E4A - #383F29 - #201C11

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E4A 0%, #383F29 50%, #201C11 100%);
    background: -webkit-linear-gradient(top, #4D5E4A 0%, #383F29 50%, #201C11 100%);
    background: linear-gradient(to bottom, #4D5E4A 0%, #383F29 50%, #201C11 100%);
}
</style>