#161510 - #554D3E | 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 #161510 to #554D3E

#161510 #554D3E

Calculate the color between two colors, #161510 and #554D3E. 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)

#161510 - #554D3E | 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 #161510 as 0% and #554D3E as 100%.

0.0%	0.0% #161510	RGB 22 21 16	#161510
16.7%	16.7% #201E17	RGB 32 30 23	#201E17
33.3%	33.3% #2B271F	RGB 43 39 31	#2B271F
50.0%	50.0% #353127	RGB 53 49 39	#353127
66.7%	66.7% #403A2E	RGB 64 58 46	#403A2E
83.3%	83.3% #4A4336	RGB 74 67 54	#4A4336
100.0%	100.0% #554D3E	RGB 85 77 62	#554D3E

#161510 #201E17 #2B271F #353127 #403A2E #4A4336 #554D3E

#161510 - #554D3E

HSV Blend

#161510 - #554D3E | 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 #161510 as 0% and #554D3E as 100%.

0.0%	0.0% #161510	RGB 22 21 16	#161510
16.7%	16.7% #201E17	RGB 32 30 23	#201E17
33.3%	33.3% #2B281F	RGB 43 40 31	#2B281F
50.0%	50.0% #353126	RGB 53 49 38	#353126
66.7%	66.7% #403B2E	RGB 64 59 46	#403B2E
83.3%	83.3% #4A4436	RGB 74 68 54	#4A4436
100.0%	100.0% #554D3E	RGB 85 77 62	#554D3E

#161510 #201E17 #2B281F #353126 #403B2E #4A4436 #554D3E

#161510 - #353126 - #554D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #161510 0%, #353126 50%, #554D3E 100%);
    background: -webkit-linear-gradient(top, #161510 0%, #353126 50%, #554D3E 100%);
    background: linear-gradient(to bottom, #161510 0%, #353126 50%, #554D3E 100%);
}
</style>