#5E0012 - #0F080E | 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 #5E0012 to #0F080E

#5E0012 #0F080E

Calculate the color between two colors, #5E0012 and #0F080E. 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)

#5E0012 - #0F080E | 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 #5E0012 as 0% and #0F080E as 100%.

0.0%	0.0% #5E0012	RGB 94 0 18	#5E0012
16.7%	16.7% #500111	RGB 80 1 17	#500111
33.3%	33.3% #430210	RGB 67 2 16	#430210
50.0%	50.0% #360410	RGB 54 4 16	#360410
66.7%	66.7% #29050F	RGB 41 5 15	#29050F
83.3%	83.3% #1C060E	RGB 28 6 14	#1C060E
100.0%	100.0% #0F080E	RGB 15 8 14	#0F080E

#5E0012 #500111 #430210 #360410 #29050F #1C060E #0F080E

#5E0012 - #0F080E

HSV Blend

#5E0012 - #0F080E | 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 #5E0012 as 0% and #0F080E as 100%.

0.0%	0.0% #5E0011	RGB 94 0 17	#5E0011
16.7%	16.7% #50071D	RGB 80 7 29	#50071D
33.3%	33.3% #430C23	RGB 67 12 35	#430C23
50.0%	50.0% #360E23	RGB 54 14 35	#360E23
66.7%	66.7% #290E1F	RGB 41 14 31	#290E1F
83.3%	83.3% #1C0C18	RGB 28 12 24	#1C0C18
100.0%	100.0% #0F080E	RGB 15 8 14	#0F080E

#5E0011 #50071D #430C23 #360E23 #290E1F #1C0C18 #0F080E

#5E0012 - #360E23 - #0F080E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E0011 0%, #360E23 50%, #0F080E 100%);
    background: -webkit-linear-gradient(top, #5E0011 0%, #360E23 50%, #0F080E 100%);
    background: linear-gradient(to bottom, #5E0011 0%, #360E23 50%, #0F080E 100%);
}
</style>