#736A49 - #201E14 | 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 #736A49 to #201E14

#736A49 #201E14

Calculate the color between two colors, #736A49 and #201E14. 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)

#736A49 - #201E14 | 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 #736A49 as 0% and #201E14 as 100%.

0.0%	0.0% #736A49	RGB 115 106 73	#736A49
16.7%	16.7% #655D40	RGB 101 93 64	#655D40
33.3%	33.3% #575037	RGB 87 80 55	#575037
50.0%	50.0% #49442E	RGB 73 68 46	#49442E
66.7%	66.7% #3B3725	RGB 59 55 37	#3B3725
83.3%	83.3% #2D2A1C	RGB 45 42 28	#2D2A1C
100.0%	100.0% #201E14	RGB 32 30 20	#201E14

#736A49 #655D40 #575037 #49442E #3B3725 #2D2A1C #201E14

#736A49 - #201E14

HSV Blend

#736A49 - #201E14 | 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 #736A49 as 0% and #201E14 as 100%.

0.0%	0.0% #736A49	RGB 115 106 73	#736A49
16.7%	16.7% #655D40	RGB 101 93 64	#655D40
33.3%	33.3% #575037	RGB 87 80 55	#575037
50.0%	50.0% #49442E	RGB 73 68 46	#49442E
66.7%	66.7% #3B3725	RGB 59 55 37	#3B3725
83.3%	83.3% #2D2A1C	RGB 45 42 28	#2D2A1C
100.0%	100.0% #201E14	RGB 32 30 20	#201E14

#736A49 #655D40 #575037 #49442E #3B3725 #2D2A1C #201E14

#736A49 - #49442E - #201E14

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #736A49 0%, #49442E 50%, #201E14 100%);
    background: -webkit-linear-gradient(top, #736A49 0%, #49442E 50%, #201E14 100%);
    background: linear-gradient(to bottom, #736A49 0%, #49442E 50%, #201E14 100%);
}
</style>