#5E151D - #1B0B0C | 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 #5E151D to #1B0B0C

#5E151D #1B0B0C

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

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

0.0%	0.0% #5E151D	RGB 94 21 29	#5E151D
16.7%	16.7% #52131A	RGB 82 19 26	#52131A
33.3%	33.3% #471117	RGB 71 17 23	#471117
50.0%	50.0% #3C1014	RGB 60 16 20	#3C1014
66.7%	66.7% #310E11	RGB 49 14 17	#310E11
83.3%	83.3% #260C0E	RGB 38 12 14	#260C0E
100.0%	100.0% #1B0B0C	RGB 27 11 12	#1B0B0C

#5E151D #52131A #471117 #3C1014 #310E11 #260C0E #1B0B0C

#5E151D - #1B0B0C

HSV Blend

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

0.0%	0.0% #5E141C	RGB 94 20 28	#5E141C
16.7%	16.7% #52151B	RGB 82 21 27	#52151B
33.3%	33.3% #471419	RGB 71 20 25	#471419
50.0%	50.0% #3C1316	RGB 60 19 22	#3C1316
66.7%	66.7% #311113	RGB 49 17 19	#311113
83.3%	83.3% #260E10	RGB 38 14 16	#260E10
100.0%	100.0% #1B0B0C	RGB 27 11 12	#1B0B0C

#5E141C #52151B #471419 #3C1316 #311113 #260E10 #1B0B0C

#5E151D - #3C1316 - #1B0B0C

CSS codes

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

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