#5E1921 - #1D0B0C | 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 #5E1921 to #1D0B0C

#5E1921 #1D0B0C

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

#5E1921 - #1D0B0C | 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 #5E1921 as 0% and #1D0B0C as 100%.

0.0%	0.0% #5E1921	RGB 94 25 33	#5E1921
16.7%	16.7% #53161D	RGB 83 22 29	#53161D
33.3%	33.3% #48141A	RGB 72 20 26	#48141A
50.0%	50.0% #3D1216	RGB 61 18 22	#3D1216
66.7%	66.7% #320F13	RGB 50 15 19	#320F13
83.3%	83.3% #270D0F	RGB 39 13 15	#270D0F
100.0%	100.0% #1D0B0C	RGB 29 11 12	#1D0B0C

#5E1921 #53161D #48141A #3D1216 #320F13 #270D0F #1D0B0C

#5E1921 - #1D0B0C

HSV Blend

#5E1921 - #1D0B0C | 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 #5E1921 as 0% and #1D0B0C as 100%.

0.0%	0.0% #5E1920	RGB 94 25 32	#5E1920
16.7%	16.7% #53171D	RGB 83 23 29	#53171D
33.3%	33.3% #48151A	RGB 72 21 26	#48151A
50.0%	50.0% #3D1317	RGB 61 19 23	#3D1317
66.7%	66.7% #321113	RGB 50 17 19	#321113
83.3%	83.3% #270E10	RGB 39 14 16	#270E10
100.0%	100.0% #1D0B0C	RGB 29 11 12	#1D0B0C

#5E1920 #53171D #48151A #3D1317 #321113 #270E10 #1D0B0C

#5E1921 - #3D1317 - #1D0B0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1920 0%, #3D1317 50%, #1D0B0C 100%);
    background: -webkit-linear-gradient(top, #5E1920 0%, #3D1317 50%, #1D0B0C 100%);
    background: linear-gradient(to bottom, #5E1920 0%, #3D1317 50%, #1D0B0C 100%);
}
</style>