#202221 - #000E0D | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #202221 to #000E0D

#202221 #000E0D

计算两种颜色#202221和#000E0D之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#202221 - #000E0D | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#202221的两种颜色之间的颜色扩展为0％，将#000E0D扩展为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混合

#202221 - #000E0D | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#202221的两种颜色之间的颜色扩展为0％，将#000E0D扩展为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代码

<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>