#4D2214 - #341105 | 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 #4D2214 to #341105

#4D2214 #341105

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

#4D2214 - #341105 | 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 #4D2214 as 0% and #341105 as 100%.

0.0%	0.0% #4D2214	RGB 77 34 20	#4D2214
16.7%	16.7% #481F11	RGB 72 31 17	#481F11
33.3%	33.3% #441C0F	RGB 68 28 15	#441C0F
50.0%	50.0% #40190C	RGB 64 25 12	#40190C
66.7%	66.7% #3C160A	RGB 60 22 10	#3C160A
83.3%	83.3% #381307	RGB 56 19 7	#381307
100.0%	100.0% #341105	RGB 52 17 5	#341105

#4D2214 #481F11 #441C0F #40190C #3C160A #381307 #341105

#4D2214 - #341105

HSV Blend

#4D2214 - #341105 | 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 #4D2214 as 0% and #341105 as 100%.

0.0%	0.0% #4D2213	RGB 77 34 19	#4D2213
16.7%	16.7% #481E10	RGB 72 30 16	#481E10
33.3%	33.3% #441B0E	RGB 68 27 14	#441B0E
50.0%	50.0% #40180B	RGB 64 24 11	#40180B
66.7%	66.7% #3C1609	RGB 60 22 9	#3C1609
83.3%	83.3% #381306	RGB 56 19 6	#381306
100.0%	100.0% #341105	RGB 52 17 5	#341105

#4D2213 #481E10 #441B0E #40180B #3C1609 #381306 #341105

#4D2214 - #40180B - #341105

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D2213 0%, #40180B 50%, #341105 100%);
    background: -webkit-linear-gradient(top, #4D2213 0%, #40180B 50%, #341105 100%);
    background: linear-gradient(to bottom, #4D2213 0%, #40180B 50%, #341105 100%);
}
</style>