#2D4D3C - #05251D | colorate

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

Blend #2D4D3C to #05251D

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

RGB混合

#2D4D3C - #05251D | colorate

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

0.0%	0.0% #2D4D3C	RGB 45 77 60	#2D4D3C
16.7%	16.7% #264636	RGB 38 70 54	#264636
33.3%	33.3% #1F3F31	RGB 31 63 49	#1F3F31
50.0%	50.0% #19392C	RGB 25 57 44	#19392C
66.7%	66.7% #123227	RGB 18 50 39	#123227
83.3%	83.3% #0B2B22	RGB 11 43 34	#0B2B22
100.0%	100.0% #05251D	RGB 5 37 29	#05251D

#2D4D3C #264636 #1F3F31 #19392C #123227 #0B2B22 #05251D

#2D4D3C - #05251D

HSV混合

#2D4D3C - #05251D | colorate

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

0.0%	0.0% #2D4D3C	RGB 45 77 60	#2D4D3C
16.7%	16.7% #234635	RGB 35 70 53	#234635
33.3%	33.3% #1B3F2F	RGB 27 63 47	#1B3F2F
50.0%	50.0% #14392A	RGB 20 57 42	#14392A
66.7%	66.7% #0E3225	RGB 14 50 37	#0E3225
83.3%	83.3% #092B21	RGB 9 43 33	#092B21
100.0%	100.0% #05251D	RGB 5 37 29	#05251D

#2D4D3C #234635 #1B3F2F #14392A #0E3225 #092B21 #05251D

#2D4D3C - #14392A - #05251D

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4D3C 0%, #14392A 50%, #05251D 100%);
    background: -webkit-linear-gradient(top, #2D4D3C 0%, #14392A 50%, #05251D 100%);
    background: linear-gradient(to bottom, #2D4D3C 0%, #14392A 50%, #05251D 100%);
}
</style>