#2C5E4D - #04041F | colorate

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

Blend #2C5E4D to #04041F

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

RGB混合

#2C5E4D - #04041F | colorate

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

0.0%	0.0% #2C5E4D	RGB 44 94 77	#2C5E4D
16.7%	16.7% #254F45	RGB 37 79 69	#254F45
33.3%	33.3% #1E403D	RGB 30 64 61	#1E403D
50.0%	50.0% #183136	RGB 24 49 54	#183136
66.7%	66.7% #11212E	RGB 17 33 46	#11212E
83.3%	83.3% #0A1326	RGB 10 19 38	#0A1326
100.0%	100.0% #04041F	RGB 4 4 31	#04041F

#2C5E4D #254F45 #1E403D #183136 #11212E #0A1326 #04041F

#2C5E4D - #04041F

HSV混合

#2C5E4D - #04041F | colorate

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

0.0%	0.0% #2C5E4D	RGB 44 94 77	#2C5E4D
16.7%	16.7% #22534D	RGB 34 83 77	#22534D
33.3%	33.3% #194349	RGB 25 67 73	#194349
50.0%	50.0% #12303E	RGB 18 48 62	#12303E
66.7%	66.7% #0C1E34	RGB 12 30 52	#0C1E34
83.3%	83.3% #070F29	RGB 7 15 41	#070F29
100.0%	100.0% #04041F	RGB 4 4 31	#04041F

#2C5E4D #22534D #194349 #12303E #0C1E34 #070F29 #04041F

#2C5E4D - #12303E - #04041F

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C5E4D 0%, #12303E 50%, #04041F 100%);
    background: -webkit-linear-gradient(top, #2C5E4D 0%, #12303E 50%, #04041F 100%);
    background: linear-gradient(to bottom, #2C5E4D 0%, #12303E 50%, #04041F 100%);
}
</style>