#160A13 - #5A5E3E | 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 #160A13 to #5A5E3E

#160A13 #5A5E3E

Calculate the color between two colors, #160A13 and #5A5E3E. 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)

#160A13 - #5A5E3E | 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 #160A13 as 0% and #5A5E3E as 100%.

0.0%	0.0% #160A13	RGB 22 10 19	#160A13
16.7%	16.7% #21181A	RGB 33 24 26	#21181A
33.3%	33.3% #2C2621	RGB 44 38 33	#2C2621
50.0%	50.0% #383428	RGB 56 52 40	#383428
66.7%	66.7% #43422F	RGB 67 66 47	#43422F
83.3%	83.3% #4E5036	RGB 78 80 54	#4E5036
100.0%	100.0% #5A5E3E	RGB 90 94 62	#5A5E3E

#160A13 #21181A #2C2621 #383428 #43422F #4E5036 #5A5E3E

#160A13 - #5A5E3E

HSV Blend

#160A13 - #5A5E3E | 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 #160A13 as 0% and #5A5E3E as 100%.

0.0%	0.0% #160A13	RGB 22 10 19	#160A13
16.7%	16.7% #221018	RGB 34 16 24	#221018
33.3%	33.3% #2E181A	RGB 46 24 26	#2E181A
50.0%	50.0% #3A2520	RGB 58 37 32	#3A2520
66.7%	66.7% #463729	RGB 70 55 41	#463729
83.3%	83.3% #524C33	RGB 82 76 51	#524C33
100.0%	100.0% #5A5E3E	RGB 90 94 62	#5A5E3E

#160A13 #221018 #2E181A #3A2520 #463729 #524C33 #5A5E3E

#160A13 - #3A2520 - #5A5E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #160A13 0%, #3A2520 50%, #5A5E3E 100%);
    background: -webkit-linear-gradient(top, #160A13 0%, #3A2520 50%, #5A5E3E 100%);
    background: linear-gradient(to bottom, #160A13 0%, #3A2520 50%, #5A5E3E 100%);
}
</style>