#5E1014 - #15191A | 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 #5E1014 to #15191A

#5E1014 #15191A

Calculate the color between two colors, #5E1014 and #15191A. 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)

#5E1014 - #15191A | 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 #5E1014 as 0% and #15191A as 100%.

0.0%	0.0% #5E1014	RGB 94 16 20	#5E1014
16.7%	16.7% #511115	RGB 81 17 21	#511115
33.3%	33.3% #451316	RGB 69 19 22	#451316
50.0%	50.0% #391417	RGB 57 20 23	#391417
66.7%	66.7% #2D1618	RGB 45 22 24	#2D1618
83.3%	83.3% #211719	RGB 33 23 25	#211719
100.0%	100.0% #15191A	RGB 21 25 26	#15191A

#5E1014 #511115 #451316 #391417 #2D1618 #211719 #15191A

#5E1014 - #15191A

HSV Blend

#5E1014 - #15191A | 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 #5E1014 as 0% and #15191A as 100%.

0.0%	0.0% #5E0F13	RGB 94 15 19	#5E0F13
16.7%	16.7% #521635	RGB 82 22 53	#521635
33.3%	33.3% #471B45	RGB 71 27 69	#471B45
50.0%	50.0% #2E1D3C	RGB 46 29 60	#2E1D3C
66.7%	66.7% #1F1C30	RGB 31 28 48	#1F1C30
83.3%	83.3% #1A1D25	RGB 26 29 37	#1A1D25
100.0%	100.0% #15191A	RGB 21 25 26	#15191A

#5E0F13 #521635 #471B45 #2E1D3C #1F1C30 #1A1D25 #15191A

#5E1014 - #2E1D3C - #15191A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E0F13 0%, #2E1D3C 50%, #15191A 100%);
    background: -webkit-linear-gradient(top, #5E0F13 0%, #2E1D3C 50%, #15191A 100%);
    background: linear-gradient(to bottom, #5E0F13 0%, #2E1D3C 50%, #15191A 100%);
}
</style>