#22200B - #5E5C3C | 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 #22200B to #5E5C3C

#22200B #5E5C3C

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

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

0.0%	0.0% #22200B	RGB 34 32 11	#22200B
16.7%	16.7% #2C2A13	RGB 44 42 19	#2C2A13
33.3%	33.3% #36341B	RGB 54 52 27	#36341B
50.0%	50.0% #403E23	RGB 64 62 35	#403E23
66.7%	66.7% #4A482B	RGB 74 72 43	#4A482B
83.3%	83.3% #545233	RGB 84 82 51	#545233
100.0%	100.0% #5E5C3C	RGB 94 92 60	#5E5C3C

#22200B #2C2A13 #36341B #403E23 #4A482B #545233 #5E5C3C

#22200B - #5E5C3C

HSV Blend

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

0.0%	0.0% #22200B	RGB 34 32 11	#22200B
16.7%	16.7% #2C2910	RGB 44 41 16	#2C2910
33.3%	33.3% #363317	RGB 54 51 23	#363317
50.0%	50.0% #403D1E	RGB 64 61 30	#403D1E
66.7%	66.7% #4A4727	RGB 74 71 39	#4A4727
83.3%	83.3% #545131	RGB 84 81 49	#545131
100.0%	100.0% #5E5C3C	RGB 94 92 60	#5E5C3C

#22200B #2C2910 #363317 #403D1E #4A4727 #545131 #5E5C3C

#22200B - #403D1E - #5E5C3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #22200B 0%, #403D1E 50%, #5E5C3C 100%);
    background: -webkit-linear-gradient(top, #22200B 0%, #403D1E 50%, #5E5C3C 100%);
    background: linear-gradient(to bottom, #22200B 0%, #403D1E 50%, #5E5C3C 100%);
}
</style>