#202221 - #000E0D | 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 #202221 to #000E0D

#202221 #000E0D

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

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

0.0%	0.0% #202221	RGB 32 34 33	#202221
16.7%	16.7% #1A1E1D	RGB 26 30 29	#1A1E1D
33.3%	33.3% #151B1A	RGB 21 27 26	#151B1A
50.0%	50.0% #101817	RGB 16 24 23	#101817
66.7%	66.7% #0A1413	RGB 10 20 19	#0A1413
83.3%	83.3% #051110	RGB 5 17 16	#051110
100.0%	100.0% #000E0D	RGB 0 14 13	#000E0D

#202221 #1A1E1D #151B1A #101817 #0A1413 #051110 #000E0D

#202221 - #000E0D

HSV Blend

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

0.0%	0.0% #202221	RGB 32 34 33	#202221
16.7%	16.7% #181E1B	RGB 24 30 27	#181E1B
33.3%	33.3% #111B17	RGB 17 27 23	#111B17
50.0%	50.0% #0B1814	RGB 11 24 20	#0B1814
66.7%	66.7% #061411	RGB 6 20 17	#061411
83.3%	83.3% #02110F	RGB 2 17 15	#02110F
100.0%	100.0% #000E0D	RGB 0 14 13	#000E0D

#202221 #181E1B #111B17 #0B1814 #061411 #02110F #000E0D

#202221 - #0B1814 - #000E0D

CSS codes

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

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