#5E3E2C - #441D05 | 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 #5E3E2C to #441D05

#5E3E2C #441D05

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

#5E3E2C - #441D05 | 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 #5E3E2C as 0% and #441D05 as 100%.

0.0%	0.0% #5E3E2C	RGB 94 62 44	#5E3E2C
16.7%	16.7% #593825	RGB 89 56 37	#593825
33.3%	33.3% #55331F	RGB 85 51 31	#55331F
50.0%	50.0% #512D18	RGB 81 45 24	#512D18
66.7%	66.7% #4C2811	RGB 76 40 17	#4C2811
83.3%	83.3% #48220B	RGB 72 34 11	#48220B
100.0%	100.0% #441D05	RGB 68 29 5	#441D05

#5E3E2C #593825 #55331F #512D18 #4C2811 #48220B #441D05

#5E3E2C - #441D05

HSV Blend

#5E3E2C - #441D05 | 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 #5E3E2C as 0% and #441D05 as 100%.

0.0%	0.0% #5E3E2C	RGB 94 62 44	#5E3E2C
16.7%	16.7% #593724	RGB 89 55 36	#593724
33.3%	33.3% #55311C	RGB 85 49 28	#55311C
50.0%	50.0% #512B15	RGB 81 43 21	#512B15
66.7%	66.7% #4C260F	RGB 76 38 15	#4C260F
83.3%	83.3% #48210A	RGB 72 33 10	#48210A
100.0%	100.0% #441D05	RGB 68 29 5	#441D05

#5E3E2C #593724 #55311C #512B15 #4C260F #48210A #441D05

#5E3E2C - #512B15 - #441D05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E2C 0%, #512B15 50%, #441D05 100%);
    background: -webkit-linear-gradient(top, #5E3E2C 0%, #512B15 50%, #441D05 100%);
    background: linear-gradient(to bottom, #5E3E2C 0%, #512B15 50%, #441D05 100%);
}
</style>