#10181F - #040608 | 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 #10181F to #040608

#10181F #040608

Calculate the color between two colors, #10181F and #040608. 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)

#10181F - #040608 | 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 #10181F as 0% and #040608 as 100%.

0.0%	0.0% #10181F	RGB 16 24 31	#10181F
16.7%	16.7% #0E151B	RGB 14 21 27	#0E151B
33.3%	33.3% #0C1217	RGB 12 18 23	#0C1217
50.0%	50.0% #0A0F13	RGB 10 15 19	#0A0F13
66.7%	66.7% #080C0F	RGB 8 12 15	#080C0F
83.3%	83.3% #06090B	RGB 6 9 11	#06090B
100.0%	100.0% #040608	RGB 4 6 8	#040608

#10181F #0E151B #0C1217 #0A0F13 #080C0F #06090B #040608

#10181F - #040608

HSV Blend

#10181F - #040608 | 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 #10181F as 0% and #040608 as 100%.

0.0%	0.0% #10181F	RGB 16 24 31	#10181F
16.7%	16.7% #0D141B	RGB 13 20 27	#0D141B
33.3%	33.3% #0B1117	RGB 11 17 23	#0B1117
50.0%	50.0% #090E13	RGB 9 14 19	#090E13
66.7%	66.7% #070B0F	RGB 7 11 15	#070B0F
83.3%	83.3% #05080B	RGB 5 8 11	#05080B
100.0%	100.0% #040608	RGB 4 6 8	#040608

#10181F #0D141B #0B1117 #090E13 #070B0F #05080B #040608

#10181F - #090E13 - #040608

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10181F 0%, #090E13 50%, #040608 100%);
    background: -webkit-linear-gradient(top, #10181F 0%, #090E13 50%, #040608 100%);
    background: linear-gradient(to bottom, #10181F 0%, #090E13 50%, #040608 100%);
}
</style>