#2D315C - #071714 | colorate

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

Blend #2D315C to #071714

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

RGB混合

#2D315C - #071714 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#2D315C的两种颜色之间的颜色扩展为0％，将#071714扩展为100％。

0.0%	0.0% #2D315C	RGB 45 49 92	#2D315C
16.7%	16.7% #262C50	RGB 38 44 80	#262C50
33.3%	33.3% #202844	RGB 32 40 68	#202844
50.0%	50.0% #1A2438	RGB 26 36 56	#1A2438
66.7%	66.7% #131F2C	RGB 19 31 44	#131F2C
83.3%	83.3% #0D1B20	RGB 13 27 32	#0D1B20
100.0%	100.0% #071714	RGB 7 23 20	#071714

#2D315C #262C50 #202844 #1A2438 #131F2C #0D1B20 #071714

#2D315C - #071714

HSV混合

#2D315C - #071714 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#2D315C的两种颜色之间的颜色扩展为0％，将#071714扩展为100％。

0.0%	0.0% #2D315C	RGB 45 49 92	#2D315C
16.7%	16.7% #243050	RGB 36 48 80	#243050
33.3%	33.3% #1D2F45	RGB 29 47 69	#1D2F45
50.0%	50.0% #162C39	RGB 22 44 57	#162C39
66.7%	66.7% #10282E	RGB 16 40 46	#10282E
83.3%	83.3% #0B2222	RGB 11 34 34	#0B2222
100.0%	100.0% #071714	RGB 7 23 20	#071714

#2D315C #243050 #1D2F45 #162C39 #10282E #0B2222 #071714

#2D315C - #162C39 - #071714

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D315C 0%, #162C39 50%, #071714 100%);
    background: -webkit-linear-gradient(top, #2D315C 0%, #162C39 50%, #071714 100%);
    background: linear-gradient(to bottom, #2D315C 0%, #162C39 50%, #071714 100%);
}
</style>