#293B5E - #021439 | colorate

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

Blend #293B5E to #021439

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

RGB混合

#293B5E - #021439 | colorate

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

0.0%	0.0% #293B5E	RGB 41 59 94	#293B5E
16.7%	16.7% #223457	RGB 34 52 87	#223457
33.3%	33.3% #1C2E51	RGB 28 46 81	#1C2E51
50.0%	50.0% #15274B	RGB 21 39 75	#15274B
66.7%	66.7% #0F2145	RGB 15 33 69	#0F2145
83.3%	83.3% #081A3F	RGB 8 26 63	#081A3F
100.0%	100.0% #021439	RGB 2 20 57	#021439

#293B5E #223457 #1C2E51 #15274B #0F2145 #081A3F #021439

#293B5E - #021439

HSV混合

#293B5E - #021439 | colorate

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

0.0%	0.0% #293B5E	RGB 41 59 94	#293B5E
16.7%	16.7% #203357	RGB 32 51 87	#203357
33.3%	33.3% #182B51	RGB 24 43 81	#182B51
50.0%	50.0% #11254B	RGB 17 37 75	#11254B
66.7%	66.7% #0B1E45	RGB 11 30 69	#0B1E45
83.3%	83.3% #06193F	RGB 6 25 63	#06193F
100.0%	100.0% #021439	RGB 2 20 57	#021439

#293B5E #203357 #182B51 #11254B #0B1E45 #06193F #021439

#293B5E - #11254B - #021439

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #293B5E 0%, #11254B 50%, #021439 100%);
    background: -webkit-linear-gradient(top, #293B5E 0%, #11254B 50%, #021439 100%);
    background: linear-gradient(to bottom, #293B5E 0%, #11254B 50%, #021439 100%);
}
</style>