#5E1015 - #150A0E | 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 #5E1015 to #150A0E

#5E1015 #150A0E

Calculate the color between two colors, #5E1015 and #150A0E. 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)

#5E1015 - #150A0E | 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 #5E1015 as 0% and #150A0E as 100%.

0.0%	0.0% #5E1015	RGB 94 16 21	#5E1015
16.7%	16.7% #510F13	RGB 81 15 19	#510F13
33.3%	33.3% #450E12	RGB 69 14 18	#450E12
50.0%	50.0% #390D11	RGB 57 13 17	#390D11
66.7%	66.7% #2D0C10	RGB 45 12 16	#2D0C10
83.3%	83.3% #210B0F	RGB 33 11 15	#210B0F
100.0%	100.0% #150A0E	RGB 21 10 14	#150A0E

#5E1015 #510F13 #450E12 #390D11 #2D0C10 #210B0F #150A0E

#5E1015 - #150A0E

HSV Blend

#5E1015 - #150A0E | 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 #5E1015 as 0% and #150A0E as 100%.

0.0%	0.0% #5E0F15	RGB 94 15 21	#5E0F15
16.7%	16.7% #511219	RGB 81 18 25	#511219
33.3%	33.3% #45121B	RGB 69 18 27	#45121B
50.0%	50.0% #39121A	RGB 57 18 26	#39121A
66.7%	66.7% #2D1018	RGB 45 16 24	#2D1018
83.3%	83.3% #210E14	RGB 33 14 20	#210E14
100.0%	100.0% #150A0E	RGB 21 10 14	#150A0E

#5E0F15 #511219 #45121B #39121A #2D1018 #210E14 #150A0E

#5E1015 - #39121A - #150A0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E0F15 0%, #39121A 50%, #150A0E 100%);
    background: -webkit-linear-gradient(top, #5E0F15 0%, #39121A 50%, #150A0E 100%);
    background: linear-gradient(to bottom, #5E0F15 0%, #39121A 50%, #150A0E 100%);
}
</style>