#202124 - #000E08 | 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 #202124 to #000E08

#202124 #000E08

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

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

0.0%	0.0% #202124	RGB 32 33 36	#202124
16.7%	16.7% #1A1D1F	RGB 26 29 31	#1A1D1F
33.3%	33.3% #151A1A	RGB 21 26 26	#151A1A
50.0%	50.0% #101716	RGB 16 23 22	#101716
66.7%	66.7% #0A1411	RGB 10 20 17	#0A1411
83.3%	83.3% #05110C	RGB 5 17 12	#05110C
100.0%	100.0% #000E08	RGB 0 14 8	#000E08

#202124 #1A1D1F #151A1A #101716 #0A1411 #05110C #000E08

#202124 - #000E08

HSV Blend

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

0.0%	0.0% #202124	RGB 32 33 36	#202124
16.7%	16.7% #171B20	RGB 23 27 32	#171B20
33.3%	33.3% #10181C	RGB 16 24 28	#10181C
50.0%	50.0% #0B1619	RGB 11 22 25	#0B1619
66.7%	66.7% #061514	RGB 6 21 20	#061514
83.3%	83.3% #02110E	RGB 2 17 14	#02110E
100.0%	100.0% #000E08	RGB 0 14 8	#000E08

#202124 #171B20 #10181C #0B1619 #061514 #02110E #000E08

#202124 - #0B1619 - #000E08

CSS codes

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

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