#111312 - #000D1B | 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 #111312 to #000D1B

#111312 #000D1B

Calculate the color between two colors, #111312 and #000D1B. 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)

#111312 - #000D1B | 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 #111312 as 0% and #000D1B as 100%.

0.0%	0.0% #111312	RGB 17 19 18	#111312
16.7%	16.7% #0E1213	RGB 14 18 19	#0E1213
33.3%	33.3% #0B1115	RGB 11 17 21	#0B1115
50.0%	50.0% #081016	RGB 8 16 22	#081016
66.7%	66.7% #050F18	RGB 5 15 24	#050F18
83.3%	83.3% #020E19	RGB 2 14 25	#020E19
100.0%	100.0% #000D1B	RGB 0 13 27	#000D1B

#111312 #0E1213 #0B1115 #081016 #050F18 #020E19 #000D1B

#111312 - #000D1B

HSV Blend

#111312 - #000D1B | 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 #111312 as 0% and #000D1B as 100%.

0.0%	0.0% #111312	RGB 17 19 18	#111312
16.7%	16.7% #0F1412	RGB 15 20 18	#0F1412
33.3%	33.3% #0C1514	RGB 12 21 20	#0C1514
50.0%	50.0% #0A1617	RGB 10 22 23	#0A1617
66.7%	66.7% #071518	RGB 7 21 24	#071518
83.3%	83.3% #031219	RGB 3 18 25	#031219
100.0%	100.0% #000D1B	RGB 0 13 27	#000D1B

#111312 #0F1412 #0C1514 #0A1617 #071518 #031219 #000D1B

#111312 - #0A1617 - #000D1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #111312 0%, #0A1617 50%, #000D1B 100%);
    background: -webkit-linear-gradient(top, #111312 0%, #0A1617 50%, #000D1B 100%);
    background: linear-gradient(to bottom, #111312 0%, #0A1617 50%, #000D1B 100%);
}
</style>