#5E2E1B - #161719 | 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 #5E2E1B to #161719

#5E2E1B #161719

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

#5E2E1B - #161719 | 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 #5E2E1B as 0% and #161719 as 100%.

0.0%	0.0% #5E2E1B	RGB 94 46 27	#5E2E1B
16.7%	16.7% #522A1A	RGB 82 42 26	#522A1A
33.3%	33.3% #46261A	RGB 70 38 26	#46261A
50.0%	50.0% #3A221A	RGB 58 34 26	#3A221A
66.7%	66.7% #2E1E19	RGB 46 30 25	#2E1E19
83.3%	83.3% #221A19	RGB 34 26 25	#221A19
100.0%	100.0% #161719	RGB 22 23 25	#161719

#5E2E1B #522A1A #46261A #3A221A #2E1E19 #221A19 #161719

#5E2E1B - #161719

HSV Blend

#5E2E1B - #161719 | 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 #5E2E1B as 0% and #161719 as 100%.

0.0%	0.0% #5E2E1B	RGB 94 46 27	#5E2E1B
16.7%	16.7% #521F27	RGB 82 31 39	#521F27
33.3%	33.3% #472237	RGB 71 34 55	#472237
50.0%	50.0% #3A223B	RGB 58 34 59	#3A223B
66.7%	66.7% #282030	RGB 40 32 48	#282030
83.3%	83.3% #1D1C24	RGB 29 28 36	#1D1C24
100.0%	100.0% #161719	RGB 22 23 25	#161719

#5E2E1B #521F27 #472237 #3A223B #282030 #1D1C24 #161719

#5E2E1B - #3A223B - #161719

CSS codes

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

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