#10181F - #00020D | 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 #00020D

#10181F #00020D

Calculate the color between two colors, #10181F and #00020D. 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 - #00020D | 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 #00020D as 100%.

0.0%	0.0% #10181F	RGB 16 24 31	#10181F
16.7%	16.7% #0D141C	RGB 13 20 28	#0D141C
33.3%	33.3% #0A1019	RGB 10 16 25	#0A1019
50.0%	50.0% #080D16	RGB 8 13 22	#080D16
66.7%	66.7% #050913	RGB 5 9 19	#050913
83.3%	83.3% #020510	RGB 2 5 16	#020510
100.0%	100.0% #00020D	RGB 0 2 13	#00020D

#10181F #0D141C #0A1019 #080D16 #050913 #020510 #00020D

#10181F - #00020D

HSV Blend

#10181F - #00020D | 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 #00020D as 100%.

0.0%	0.0% #10181F	RGB 16 24 31	#10181F
16.7%	16.7% #0C131C	RGB 12 19 28	#0C131C
33.3%	33.3% #080F19	RGB 8 15 25	#080F19
50.0%	50.0% #050B16	RGB 5 11 22	#050B16
66.7%	66.7% #030713	RGB 3 7 19	#030713
83.3%	83.3% #010410	RGB 1 4 16	#010410
100.0%	100.0% #00020D	RGB 0 2 13	#00020D

#10181F #0C131C #080F19 #050B16 #030713 #010410 #00020D

#10181F - #050B16 - #00020D

CSS codes

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

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