#4D2F26 - #3E1503 | 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 #4D2F26 to #3E1503

#4D2F26 #3E1503

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

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

0.0%	0.0% #4D2F26	RGB 77 47 38	#4D2F26
16.7%	16.7% #4A2A20	RGB 74 42 32	#4A2A20
33.3%	33.3% #48261A	RGB 72 38 26	#48261A
50.0%	50.0% #452214	RGB 69 34 20	#452214
66.7%	66.7% #431D0E	RGB 67 29 14	#431D0E
83.3%	83.3% #401908	RGB 64 25 8	#401908
100.0%	100.0% #3E1503	RGB 62 21 3	#3E1503

#4D2F26 #4A2A20 #48261A #452214 #431D0E #401908 #3E1503

#4D2F26 - #3E1503

HSV Blend

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

0.0%	0.0% #4D2F26	RGB 77 47 38	#4D2F26
16.7%	16.7% #4A291F	RGB 74 41 31	#4A291F
33.3%	33.3% #482418	RGB 72 36 24	#482418
50.0%	50.0% #452012	RGB 69 32 18	#452012
66.7%	66.7% #431C0D	RGB 67 28 13	#431C0D
83.3%	83.3% #401807	RGB 64 24 7	#401807
100.0%	100.0% #3E1503	RGB 62 21 3	#3E1503

#4D2F26 #4A291F #482418 #452012 #431C0D #401807 #3E1503

#4D2F26 - #452012 - #3E1503

CSS codes

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

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