#4D3313 - #201B07 | 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 #4D3313 to #201B07

#4D3313 #201B07

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

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

0.0%	0.0% #4D3313	RGB 77 51 19	#4D3313
16.7%	16.7% #452F11	RGB 69 47 17	#452F11
33.3%	33.3% #3E2B0F	RGB 62 43 15	#3E2B0F
50.0%	50.0% #36270D	RGB 54 39 13	#36270D
66.7%	66.7% #2F230B	RGB 47 35 11	#2F230B
83.3%	83.3% #271F09	RGB 39 31 9	#271F09
100.0%	100.0% #201B07	RGB 32 27 7	#201B07

#4D3313 #452F11 #3E2B0F #36270D #2F230B #271F09 #201B07

#4D3313 - #201B07

HSV Blend

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

0.0%	0.0% #4D3313	RGB 77 51 19	#4D3313
16.7%	16.7% #453010	RGB 69 48 16	#453010
33.3%	33.3% #3E2C0E	RGB 62 44 14	#3E2C0E
50.0%	50.0% #36280C	RGB 54 40 12	#36280C
66.7%	66.7% #2F240A	RGB 47 36 10	#2F240A
83.3%	83.3% #272008	RGB 39 32 8	#272008
100.0%	100.0% #201B07	RGB 32 27 7	#201B07

#4D3313 #453010 #3E2C0E #36280C #2F240A #272008 #201B07

#4D3313 - #36280C - #201B07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3313 0%, #36280C 50%, #201B07 100%);
    background: -webkit-linear-gradient(top, #4D3313 0%, #36280C 50%, #201B07 100%);
    background: linear-gradient(to bottom, #4D3313 0%, #36280C 50%, #201B07 100%);
}
</style>