#5E312D - #440B05 | 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 #5E312D to #440B05

#5E312D #440B05

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

#5E312D - #440B05 | 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 #5E312D as 0% and #440B05 as 100%.

0.0%	0.0% #5E312D	RGB 94 49 45	#5E312D
16.7%	16.7% #592A26	RGB 89 42 38	#592A26
33.3%	33.3% #55241F	RGB 85 36 31	#55241F
50.0%	50.0% #511E19	RGB 81 30 25	#511E19
66.7%	66.7% #4C1712	RGB 76 23 18	#4C1712
83.3%	83.3% #48110B	RGB 72 17 11	#48110B
100.0%	100.0% #440B05	RGB 68 11 5	#440B05

#5E312D #592A26 #55241F #511E19 #4C1712 #48110B #440B05

#5E312D - #440B05

HSV Blend

#5E312D - #440B05 | 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 #5E312D as 0% and #440B05 as 100%.

0.0%	0.0% #5E312D	RGB 94 49 45	#5E312D
16.7%	16.7% #592924	RGB 89 41 36	#592924
33.3%	33.3% #55221D	RGB 85 34 29	#55221D
50.0%	50.0% #511B16	RGB 81 27 22	#511B16
66.7%	66.7% #4C150F	RGB 76 21 15	#4C150F
83.3%	83.3% #480F0A	RGB 72 15 10	#480F0A
100.0%	100.0% #440B05	RGB 68 11 5	#440B05

#5E312D #592924 #55221D #511B16 #4C150F #480F0A #440B05

#5E312D - #511B16 - #440B05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E312D 0%, #511B16 50%, #440B05 100%);
    background: -webkit-linear-gradient(top, #5E312D 0%, #511B16 50%, #440B05 100%);
    background: linear-gradient(to bottom, #5E312D 0%, #511B16 50%, #440B05 100%);
}
</style>