#000000 - #213E1E | 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 #000000 to #213E1E

#000000 #213E1E

Calculate the color between two colors, #000000 and #213E1E. 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)

#000000 - #213E1E | 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 #000000 as 0% and #213E1E as 100%.

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #050A05	RGB 5 10 5	#050A05
33.3%	33.3% #0B140A	RGB 11 20 10	#0B140A
50.0%	50.0% #101F0F	RGB 16 31 15	#101F0F
66.7%	66.7% #162914	RGB 22 41 20	#162914
83.3%	83.3% #1B3319	RGB 27 51 25	#1B3319
100.0%	100.0% #213E1E	RGB 33 62 30	#213E1E

#000000 #050A05 #0B140A #101F0F #162914 #1B3319 #213E1E

#000000 - #213E1E

HSV Blend

#000000 - #213E1E | 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 #000000 as 0% and #213E1E as 100%.

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #0A0909	RGB 10 9 9	#0A0909
33.3%	33.3% #141311	RGB 20 19 17	#141311
50.0%	50.0% #1F1E17	RGB 31 30 23	#1F1E17
66.7%	66.7% #25291B	RGB 37 41 27	#25291B
83.3%	83.3% #26331D	RGB 38 51 29	#26331D
100.0%	100.0% #213E1E	RGB 33 62 30	#213E1E

#000000 #0A0909 #141311 #1F1E17 #25291B #26331D #213E1E

#000000 - #1F1E17 - #213E1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000000 0%, #1F1E17 50%, #213E1E 100%);
    background: -webkit-linear-gradient(top, #000000 0%, #1F1E17 50%, #213E1E 100%);
    background: linear-gradient(to bottom, #000000 0%, #1F1E17 50%, #213E1E 100%);
}
</style>