#201F14 - #6D5A3E | 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 #201F14 to #6D5A3E

#201F14 #6D5A3E

Calculate the color between two colors, #201F14 and #6D5A3E. 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)

#201F14 - #6D5A3E | 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 #201F14 as 0% and #6D5A3E as 100%.

0.0%	0.0% #201F14	RGB 32 31 20	#201F14
16.7%	16.7% #2C281B	RGB 44 40 27	#2C281B
33.3%	33.3% #393222	RGB 57 50 34	#393222
50.0%	50.0% #463C29	RGB 70 60 41	#463C29
66.7%	66.7% #534630	RGB 83 70 48	#534630
83.3%	83.3% #605037	RGB 96 80 55	#605037
100.0%	100.0% #6D5A3E	RGB 109 90 62	#6D5A3E

#201F14 #2C281B #393222 #463C29 #534630 #605037 #6D5A3E

#201F14 - #6D5A3E

HSV Blend

#201F14 - #6D5A3E | 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 #201F14 as 0% and #6D5A3E as 100%.

0.0%	0.0% #201F14	RGB 32 31 20	#201F14
16.7%	16.7% #2C2A1B	RGB 44 42 27	#2C2A1B
33.3%	33.3% #393522	RGB 57 53 34	#393522
50.0%	50.0% #463F2A	RGB 70 63 42	#463F2A
66.7%	66.7% #534930	RGB 83 73 48	#534930
83.3%	83.3% #605137	RGB 96 81 55	#605137
100.0%	100.0% #6D5A3E	RGB 109 90 62	#6D5A3E

#201F14 #2C2A1B #393522 #463F2A #534930 #605137 #6D5A3E

#201F14 - #463F2A - #6D5A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201F14 0%, #463F2A 50%, #6D5A3E 100%);
    background: -webkit-linear-gradient(top, #201F14 0%, #463F2A 50%, #6D5A3E 100%);
    background: linear-gradient(to bottom, #201F14 0%, #463F2A 50%, #6D5A3E 100%);
}
</style>