#4D4B4A - #3C0E08 | 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 #4D4B4A to #3C0E08

#4D4B4A #3C0E08

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

#4D4B4A - #3C0E08 | 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 #4D4B4A as 0% and #3C0E08 as 100%.

0.0%	0.0% #4D4B4A	RGB 77 75 74	#4D4B4A
16.7%	16.7% #4A403F	RGB 74 64 63	#4A403F
33.3%	33.3% #473634	RGB 71 54 52	#473634
50.0%	50.0% #442C29	RGB 68 44 41	#442C29
66.7%	66.7% #41221E	RGB 65 34 30	#41221E
83.3%	83.3% #3E1813	RGB 62 24 19	#3E1813
100.0%	100.0% #3C0E08	RGB 60 14 8	#3C0E08

#4D4B4A #4A403F #473634 #442C29 #41221E #3E1813 #3C0E08

#4D4B4A - #3C0E08

HSV Blend

#4D4B4A - #3C0E08 | 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 #4D4B4A as 0% and #3C0E08 as 100%.

0.0%	0.0% #4D4B4A	RGB 77 75 74	#4D4B4A
16.7%	16.7% #4A403D	RGB 74 64 61	#4A403D
33.3%	33.3% #473630	RGB 71 54 48	#473630
50.0%	50.0% #442C25	RGB 68 44 37	#442C25
66.7%	66.7% #41221A	RGB 65 34 26	#41221A
83.3%	83.3% #3E1711	RGB 62 23 17	#3E1711
100.0%	100.0% #3C0E08	RGB 60 14 8	#3C0E08

#4D4B4A #4A403D #473630 #442C25 #41221A #3E1711 #3C0E08

#4D4B4A - #442C25 - #3C0E08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4B4A 0%, #442C25 50%, #3C0E08 100%);
    background: -webkit-linear-gradient(top, #4D4B4A 0%, #442C25 50%, #3C0E08 100%);
    background: linear-gradient(to bottom, #4D4B4A 0%, #442C25 50%, #3C0E08 100%);
}
</style>