#5E181E - #1C0B0C | 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 #5E181E to #1C0B0C

#5E181E #1C0B0C

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

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

0.0%	0.0% #5E181E	RGB 94 24 30	#5E181E
16.7%	16.7% #53151B	RGB 83 21 27	#53151B
33.3%	33.3% #481318	RGB 72 19 24	#481318
50.0%	50.0% #3D1115	RGB 61 17 21	#3D1115
66.7%	66.7% #320F12	RGB 50 15 18	#320F12
83.3%	83.3% #270D0F	RGB 39 13 15	#270D0F
100.0%	100.0% #1C0B0C	RGB 28 11 12	#1C0B0C

#5E181E #53151B #481318 #3D1115 #320F12 #270D0F #1C0B0C

#5E181E - #1C0B0C

HSV Blend

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

0.0%	0.0% #5E181E	RGB 94 24 30	#5E181E
16.7%	16.7% #53171B	RGB 83 23 27	#53171B
33.3%	33.3% #481519	RGB 72 21 25	#481519
50.0%	50.0% #3D1316	RGB 61 19 22	#3D1316
66.7%	66.7% #321113	RGB 50 17 19	#321113
83.3%	83.3% #270E0F	RGB 39 14 15	#270E0F
100.0%	100.0% #1C0B0C	RGB 28 11 12	#1C0B0C

#5E181E #53171B #481519 #3D1316 #321113 #270E0F #1C0B0C

#5E181E - #3D1316 - #1C0B0C

CSS codes

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

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