#22160B - #5E4F3C | 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 #22160B to #5E4F3C

#22160B #5E4F3C

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

#22160B - #5E4F3C | 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 #22160B as 0% and #5E4F3C as 100%.

0.0%	0.0% #22160B	RGB 34 22 11	#22160B
16.7%	16.7% #2C1F13	RGB 44 31 19	#2C1F13
33.3%	33.3% #36291B	RGB 54 41 27	#36291B
50.0%	50.0% #403223	RGB 64 50 35	#403223
66.7%	66.7% #4A3C2B	RGB 74 60 43	#4A3C2B
83.3%	83.3% #544533	RGB 84 69 51	#544533
100.0%	100.0% #5E4F3C	RGB 94 79 60	#5E4F3C

#22160B #2C1F13 #36291B #403223 #4A3C2B #544533 #5E4F3C

#22160B - #5E4F3C

HSV Blend

#22160B - #5E4F3C | 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 #22160B as 0% and #5E4F3C as 100%.

0.0%	0.0% #22160B	RGB 34 22 11	#22160B
16.7%	16.7% #2C1E10	RGB 44 30 16	#2C1E10
33.3%	33.3% #362617	RGB 54 38 23	#362617
50.0%	50.0% #40301E	RGB 64 48 30	#40301E
66.7%	66.7% #4A3927	RGB 74 57 39	#4A3927
83.3%	83.3% #544431	RGB 84 68 49	#544431
100.0%	100.0% #5E4F3C	RGB 94 79 60	#5E4F3C

#22160B #2C1E10 #362617 #40301E #4A3927 #544431 #5E4F3C

#22160B - #40301E - #5E4F3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #22160B 0%, #40301E 50%, #5E4F3C 100%);
    background: -webkit-linear-gradient(top, #22160B 0%, #40301E 50%, #5E4F3C 100%);
    background: linear-gradient(to bottom, #22160B 0%, #40301E 50%, #5E4F3C 100%);
}
</style>