#4D3C13 - #262204 | 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 #4D3C13 to #262204

#4D3C13 #262204

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

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

0.0%	0.0% #4D3C13	RGB 77 60 19	#4D3C13
16.7%	16.7% #463710	RGB 70 55 16	#463710
33.3%	33.3% #40330E	RGB 64 51 14	#40330E
50.0%	50.0% #392F0B	RGB 57 47 11	#392F0B
66.7%	66.7% #332A09	RGB 51 42 9	#332A09
83.3%	83.3% #2C2606	RGB 44 38 6	#2C2606
100.0%	100.0% #262204	RGB 38 34 4	#262204

#4D3C13 #463710 #40330E #392F0B #332A09 #2C2606 #262204

#4D3C13 - #262204

HSV Blend

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

0.0%	0.0% #4D3C13	RGB 77 60 19	#4D3C13
16.7%	16.7% #46380F	RGB 70 56 15	#46380F
33.3%	33.3% #40330C	RGB 64 51 12	#40330C
50.0%	50.0% #392F0A	RGB 57 47 10	#392F0A
66.7%	66.7% #332B07	RGB 51 43 7	#332B07
83.3%	83.3% #2C2605	RGB 44 38 5	#2C2605
100.0%	100.0% #262204	RGB 38 34 4	#262204

#4D3C13 #46380F #40330C #392F0A #332B07 #2C2605 #262204

#4D3C13 - #392F0A - #262204

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3C13 0%, #392F0A 50%, #262204 100%);
    background: -webkit-linear-gradient(top, #4D3C13 0%, #392F0A 50%, #262204 100%);
    background: linear-gradient(to bottom, #4D3C13 0%, #392F0A 50%, #262204 100%);
}
</style>