#5E2521 - #401105 | 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 #5E2521 to #401105

#5E2521 #401105

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

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

0.0%	0.0% #5E2521	RGB 94 37 33	#5E2521
16.7%	16.7% #59211C	RGB 89 33 28	#59211C
33.3%	33.3% #541E17	RGB 84 30 23	#541E17
50.0%	50.0% #4F1B13	RGB 79 27 19	#4F1B13
66.7%	66.7% #4A170E	RGB 74 23 14	#4A170E
83.3%	83.3% #451409	RGB 69 20 9	#451409
100.0%	100.0% #401105	RGB 64 17 5	#401105

#5E2521 #59211C #541E17 #4F1B13 #4A170E #451409 #401105

#5E2521 - #401105

HSV Blend

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

0.0%	0.0% #5E2521	RGB 94 37 33	#5E2521
16.7%	16.7% #59201B	RGB 89 32 27	#59201B
33.3%	33.3% #541C15	RGB 84 28 21	#541C15
50.0%	50.0% #4F1910	RGB 79 25 16	#4F1910
66.7%	66.7% #4A160C	RGB 74 22 12	#4A160C
83.3%	83.3% #451308	RGB 69 19 8	#451308
100.0%	100.0% #401105	RGB 64 17 5	#401105

#5E2521 #59201B #541C15 #4F1910 #4A160C #451308 #401105

#5E2521 - #4F1910 - #401105

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2521 0%, #4F1910 50%, #401105 100%);
    background: -webkit-linear-gradient(top, #5E2521 0%, #4F1910 50%, #401105 100%);
    background: linear-gradient(to bottom, #5E2521 0%, #4F1910 50%, #401105 100%);
}
</style>