#5E121C - #190A0C | 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 #5E121C to #190A0C

#5E121C #190A0C

Calculate the color between two colors, #5E121C and #190A0C. 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)

#5E121C - #190A0C | 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 #5E121C as 0% and #190A0C as 100%.

0.0%	0.0% #5E121C	RGB 94 18 28	#5E121C
16.7%	16.7% #521019	RGB 82 16 25	#521019
33.3%	33.3% #470F16	RGB 71 15 22	#470F16
50.0%	50.0% #3B0E14	RGB 59 14 20	#3B0E14
66.7%	66.7% #300C11	RGB 48 12 17	#300C11
83.3%	83.3% #240B0E	RGB 36 11 14	#240B0E
100.0%	100.0% #190A0C	RGB 25 10 12	#190A0C

#5E121C #521019 #470F16 #3B0E14 #300C11 #240B0E #190A0C

#5E121C - #190A0C

HSV Blend

#5E121C - #190A0C | 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 #5E121C as 0% and #190A0C as 100%.

0.0%	0.0% #5E111B	RGB 94 17 27	#5E111B
16.7%	16.7% #52121B	RGB 82 18 27	#52121B
33.3%	33.3% #471219	RGB 71 18 25	#471219
50.0%	50.0% #3B1117	RGB 59 17 23	#3B1117
66.7%	66.7% #300F14	RGB 48 15 20	#300F14
83.3%	83.3% #240D10	RGB 36 13 16	#240D10
100.0%	100.0% #190A0C	RGB 25 10 12	#190A0C

#5E111B #52121B #471219 #3B1117 #300F14 #240D10 #190A0C

#5E121C - #3B1117 - #190A0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E111B 0%, #3B1117 50%, #190A0C 100%);
    background: -webkit-linear-gradient(top, #5E111B 0%, #3B1117 50%, #190A0C 100%);
    background: linear-gradient(to bottom, #5E111B 0%, #3B1117 50%, #190A0C 100%);
}
</style>