#1E2124 - #01060D | 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 #1E2124 to #01060D

#1E2124 #01060D

Calculate the color between two colors, #1E2124 and #01060D. 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)

#1E2124 - #01060D | 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 #1E2124 as 0% and #01060D as 100%.

0.0%	0.0% #1E2124	RGB 30 33 36	#1E2124
16.7%	16.7% #191C20	RGB 25 28 32	#191C20
33.3%	33.3% #14181C	RGB 20 24 28	#14181C
50.0%	50.0% #0F1318	RGB 15 19 24	#0F1318
66.7%	66.7% #0A0F14	RGB 10 15 20	#0A0F14
83.3%	83.3% #050A10	RGB 5 10 16	#050A10
100.0%	100.0% #01060D	RGB 1 6 13	#01060D

#1E2124 #191C20 #14181C #0F1318 #0A0F14 #050A10 #01060D

#1E2124 - #01060D

HSV Blend

#1E2124 - #01060D | 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 #1E2124 as 0% and #01060D as 100%.

0.0%	0.0% #1E2124	RGB 30 33 36	#1E2124
16.7%	16.7% #161B20	RGB 22 27 32	#161B20
33.3%	33.3% #10161C	RGB 16 22 28	#10161C
50.0%	50.0% #0B1118	RGB 11 17 24	#0B1118
66.7%	66.7% #060C14	RGB 6 12 20	#060C14
83.3%	83.3% #030910	RGB 3 9 16	#030910
100.0%	100.0% #01060D	RGB 1 6 13	#01060D

#1E2124 #161B20 #10161C #0B1118 #060C14 #030910 #01060D

#1E2124 - #0B1118 - #01060D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E2124 0%, #0B1118 50%, #01060D 100%);
    background: -webkit-linear-gradient(top, #1E2124 0%, #0B1118 50%, #01060D 100%);
    background: linear-gradient(to bottom, #1E2124 0%, #0B1118 50%, #01060D 100%);
}
</style>