CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Gold | Causes of Color</title> <link rel="stylesheet" type="text/css" href="css/causeofcolors.css" media="all" /> <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/print.css" media="print" />   <link rel="stylesheet" type="text/css" href="css/ads.css" media="screen" /> <link rel="shortcut icon" href="images/favicon.ico" /> <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="js/jquery.lightbox.js"></script> <script type="text/javascript" src="js/cause.js"></script> <script type="text/javascript" > $(function(){ $('#arrow').css('top', '155pt'); $('#w3chack').load('https://www.webexhibits.org/causesofcolor/w3chack.php'); }); </script> </head> <body > <div id="wrapper"> <div id="menu"> <div id="logo"> <a href="index.html"><img src="images/layout/neo_causes_of_color.jpg" alt="Causes of Color" border="0" /></a> </div> <div id="search_box"> <form action="/query.html"> <span id="w3chack"></span> <input type="hidden" name="tem" value="causesofcolor" /> <input type="hidden" name="col" value="webx" /> <input name="btnSubmit" type="image" src="images/layout/neo_search_submit.jpg" id="search_submit"/> </form> </div> <div id="menu_container"> <img id="arrow" src="images/layout/littleNavArrow.gif" border="0" alt="" /> <img name="menu_image" src="images/layout/navigation-april.jpg" width="194" height="539" border="0" id="menu_image" usemap="#m_menu" alt="" title="" /> <map name="m_menu" id="m_menu">  <area shape="rect" coords="5,2,190,30" href="index.html" /> <area shape="rect" coords="5,39,91,69" href="made.html" /> <area shape="rect" coords="94,42,189,62" href="3.html" /> <area shape="rect" coords="94,63,189,83" href="3B.html" /> <area shape="rect" coords="5,85,190,105" href="4.html" /> <area shape="rect" coords="5,106,190,126" href="4AD.html" /> <area shape="rect" coords="5,139,72,169" href="lost.html" /> <area shape="rect" coords="75,139,190,159" href="5.html" /> <area shape="rect" coords="75,162,190,182" href="7.html" /> <area shape="rect" coords="5,184,190,204" href="6.html" /> <area shape="rect" coords="5,205,190,225" href="9.html" /> <area shape="rect" coords="5,238,89,271" href="moved.html" /> <area shape="rect" coords="95,242,190,262" href="13.html" /> <area shape="rect" coords="95,263,190,283" href="14.html" /> <area shape="rect" coords="5,285,190,305" href="15A.html" /> <area shape="rect" coords="5,306,190,326" href="16.html" /> <area shape="rect" coords="6,338,88,368" href="other.html" /> <area shape="rect" coords="92,342,192,362" href="1.html" /> <area shape="rect" coords="92,363,192,383" href="1B.html" /> <area shape="rect" coords="7,385,192,405" href="2A.html" /> <area shape="rect" coords="6,406,191,426" href="17.html" /> <area shape="rect" coords="6,441,191,461" href="bibliography.html" /> <area shape="rect" coords="6,463,191,483" href="shop.html" /> <area shape="rect" coords="6,484,191,504" href="teaching.html" /> <area shape="rect" coords="6,505,191,525" href="about.html" /> </map> </div> <div id="webexhibits"> <a href="https://www.webexhibits.org" title="Webexhibits"><img src="images/layout/neo_webexhibits.jpg" alt="Webexhibits" border="0" /></a> </div> <div id="resizer"> font size:  <a id="smallFont" href="javascript:changeFontSize(-1);" title="smaller">a</a>  <a id="revertFont" href="javascript:revertStyles();" title="normal">a</a>  <a id="bigFont" href="javascript:changeFontSize(1);" title="bigger">a</a> </div> </div> <div id="content"> <div id="navigation"> <div id="nav_related"> <ul> <li>Related pages:</li> <li class='level3 active'> <a href='https://www.webexhibits.org/causesofcolor/9.html'>Gold</a> </li> <li class='level3'> <a href='https://www.webexhibits.org/causesofcolor/10.html' >Vermilion</a> </li> <li class='level3'> <a href='https://www.webexhibits.org/causesofcolor/11.html' >Blue diamonds</a> </li> <li class='level3'> <a href='https://www.webexhibits.org/causesofcolor/11A0.html' >Diamonds structure</a> </li> <li class='level3'> <a href='https://www.webexhibits.org/causesofcolor/11AA.html' >Doped semiconductors</a> </li> <li class='level3'> <a href='https://www.webexhibits.org/causesofcolor/11AB.html' >Fluorescence</a> </li> <li class='level3'> <a href='https://www.webexhibits.org/causesofcolor/11F.html' >Do it Yourself</a> </li> </ul> </div> <div id="header_link"> <div class="prev_small"><a href="https://www.webexhibits.org/causesofcolor/6AC.html">«</a>  </div> <div class="next_small"><a href="https://www.webexhibits.org/causesofcolor/10.html">»</a></div> </div> </div> <div id="content_body" class="content"> <h2 class="print">A page from the "Causes of Color" exhibit...</h2> <div id="contentHeaders"> <h2>What causes the colors of metals like gold?</h2> <img src="https://www.webexhibits.org/causesofcolor/media/generated/renderedType/d/6/d/4/2536133ccf02de936c9cd98b1e7f.gif" height="54" width="123" alt="Gold" border="0" class="ClassImage"/></div> <div id="contentHolder">  <p>The lure of gold has been the downfall of many, from those worshipping the biblical golden calf to those unsuccessfully staking their claims during the 19th century gold rushes. Nevertheless, this lustrous metal continues to connote the pinnacle of achievement, as evidenced by Nobel Prize medals, Olympic medals, and Academy Award statuettes. Would our fascination with gold be lessened if we knew that its shiny allure was the result of excited electrons?</p> <p>Silver, iron, platinum, gold, and copper are all metals, which generally are malleable and ductile, conduct electricity and heat, and have a metallic luster. Some of their properties can be attributed to the way electrons are arranged in the material. </p> <div class="clear"></div> <table class="imageZoom"> <tr> <td class="td50"> <img src="images/content/9_jewelry.jpg" alt="" border="0" /> <div class="caption"> <p>This piece of jewelry is framed in yellow gold, with purple gold detail on the right border.</p> </div> </td> <td class="td50"> <img src="images/content/9_Book_of_Hours.jpg" alt="" border="0" /> <div class="caption"> <p>This illustrated manuscript from the <i>Book of Hours</i> is decorated with gold leaf, beaten to an extremely thin foil.</p> </div> </td> </tr> </table> <div class="imageLeft"> <div class="lightbox-box" style="width:225px;"> <div class="magnify-left"> <a href="images/content/19z.jpg" rel="lightbox" class="lightbox-link"></a> </div> <img src="images/content/19.jpg" alt="" border="0" /> </div> <div class="caption"> <p>In this hypothesis, each metal atom contributes its outer electrons to a shared pool. The electrons are free to move throughout the metal, which explains its high electrical and thermal conductivities and luster.</p> </div> </div>  <p></p> <h2>The bonding of metals</h2> <p>When two atoms combine, different types of bonding can occur: covalent, ionic, and metallic. Silver, iron, platinum, gold, and copper all form metallic bonds. Unlike covalent bonding, metallic bonding is non-directional. The strong bond consists of positively charged metal atoms in fixed positions, surrounded by delocalized electrons. These delocalized electrons are often referred to as "a sea of electrons," and can help explain why copper and gold are yellow and orange, while most other metals are silver.</p> <div class="clear"></div> <div class="imageRight"> <div class="lightbox-box" style="width:325px;"> <div class="magnify-right"> <a href="images/content/20z.jpg" rel="lightbox" class="lightbox-link"></a> </div> <img src="images/content/20.jpg" alt="" border="0" /> </div> <div class="caption" style="width:300px;"> <p>When light strikes the surface of a metal, electrons in a lower energy level can be excited to a higher energy level. The distance between the levels represents the relative energy required to excite an electron. When four atoms combine, the outermost energy levels merge, providing four energy levels at a low energy and four energy levels at a higher energy. As the number of neighboring atoms increases, the spacing between the energy levels decreases. More overlap occurs and bands of low and high energy replace the distinct energy levels. As more atoms combine, the distance between the two bands decreases, the band gap decreases, and less energy is required for the electron to be excited from one band to the other. In metals, when very large numbers of atoms are brought close to each other, the low and high energy bands can overlap, forming a nearly continuous band of available energy levels, where electrons may move freely.</p> </div> </div>  <p></p> <h2>Band Theory</h2> <p>The color of metals can be explained by band theory, which assumes that overlapping energy levels form bands.</p> <p>The mobility of electrons exposed to an electric field depends on the width of the energy bands, and their proximity to other electrons. In metallic substances, empty bands can overlap with bands containing electrons. The electrons of a particular atom are able to move to what would normally be a higher-level state, with little or no additional energy. The outer electrons are said to be "free," and ready to move in the presence of an electric field.</p> <p>Some substances do not experience band overlap, no matter how many atoms are in close proximity. For these substances, a large gap remains between the highest band containing electrons (the valence band) and the next band, which is empty (the conduction band). As a result, valence electrons are bound to a particular atom and cannot become mobile without a significant amount of energy being made available. These substances are electrical insulators. <a href="10.html">Semiconductors</a> are similar, except that the gap is smaller, falling between these two extremes.</p> <p>The highest energy level occupied by electrons is called the Fermi energy, Fermi level, or Fermi surface. </p> <div class="clear"></div> <div class="imageRight"> <div class="lightbox-box" style="width:325px;"> <div class="magnify-right"> <a href="images/content/21z.jpg" rel="lightbox" class="lightbox-link"></a> </div> <img src="images/content/21.jpg" alt="" border="0" /> </div> <div class="caption" style="width:300px;"> <p>Above the Fermi level, energy levels are empty (empty at absolute zero), and can accept excited electrons. The surface of a metal can absorb all wavelengths of incident light, and excited electrons jump to a higher unoccupied energy level. This creates current, which rapidly discharges to emit a photon of light of the same wavelength. So, most of the incident light is immediately re-emitted at the surface, creating the metallic luster we see in gold, silver, copper, and other metals. This is why most metals are white or silver, and a smooth surface will be highly reflective, since it does not allow light to penetrate deeply. </p> </div> </div>  <p>If the efficiency of absorption and re-emission is approximately equal at all optical energies, then all the different colors in white light will be reflected equally well. This leads to the silver color of polished iron and silver surfaces.</p> <p>The efficiency of this emission process depends on selection rules. However, even when the energy supplied is sufficient, and an energy level transition is permitted by the selection rules, this transition may not yield appreciable absorption. This can happen because the energy level accommodates a small number of electrons.</p> <p>For most metals, a single continuous band extends through to high energies. Inside this band, each energy level accommodates only so many electrons (we call this the density of states). The available electrons fill the band structure to the level of the Fermi surface and the density of states varies as energy increases (the shape is based on which energy levels broaden to form the various parts of the band).</p> <p>If the efficiency decreases with increasing energy, as is the case for gold and copper, the reduced reflectivity at the blue end of the spectrum produces yellow and reddish colors. </p> <div class="clear"></div> <div class="imageLeft"> <div class="lightbox-box" style="width:225px;"> <div class="magnify-left"> <a href="images/content/22z.jpg" rel="lightbox" class="lightbox-link"></a> </div> <img src="images/content/22.jpg" alt="" border="0" /> </div> <div class="caption"> <p><b>Metals are colored</b> because the absorption and re-emission of light are dependent on wavelength. Gold and copper have low reflectivity at short wavelengths, and yellow and red are preferentially reflected, as the color here suggests. Silver has good reflectivity that does not vary with wavelength, and therefore appears very close to white.</p> </div> </div>  <p><b>Silver, gold and copper</b> have similar electron configurations, but we perceive them as having quite distinct colors. Electrons absorb energy from incident light, and are excited from lower energy levels to higher, vacant energy levels. The excited electrons can then return to the lower energies and emit the difference of energy as a photon.</p> <p>If an energy level (like the 3d band) holds many more electrons (than other energy levels) then the excitation of electrons from this highly occupied level to above the Fermi level will become quite important. Gold fulfills all the requirements for an intense absorption of light with energy of 2.3 eV (from the 3d band to above the Fermi level). The color we see is yellow, as the corresponding wavelengths are re-emitted. Copper has a strong absorption at a slightly lower energy, with orange being most strongly absorbed and re-emitted. In silver, the absorption peak lies in the ultraviolet region, at about 4 eV. As a result, silver maintains high reflectivity evenly across the visible spectrum, and we see it as a pure white. The lower energies (which in this case contain energies corresponding to the entire visible spectrum of color) are equally absorbed and re-emitted.</p> <p>Silver and aluminum powders appear black because the white light that has been re-emitted is absorbed by nearby grains of powder and no light reaches the eye.</p> <div class="clear"></div> <table class="imageZoom"> <tr> <td class="td50"> <div class="lightbox-box" style="width:325px;"> <div class="magnify-left"> <a href="images/content/23z.jpg" rel="lightbox" class="lightbox-link"></a> </div> <img src="images/content/23.jpg" alt="" border="0" /> </div> <div class="caption"> <p><b>Showing the variation of density of states</b> and the excitation seen in gold, silver and copper (actually from the 3d band to above the Fermi level)</p> </div> </td> <td class="td50"> <div class="lightbox-box" style="width:325px;"> <div class="magnify-right"> <a href="images/content/24z.jpg" rel="lightbox" class="lightbox-link"></a> </div> <img src="images/content/24.jpg" alt="" border="0" /> </div> <div class="caption"> <p>The blue end of the spectrum is at a higher energy level than yellow and orange.</p> </div> </td> </tr> </table>  <p></p> <h2>Transmitted color of gold</h2> <p>Gold is so malleable that it can be beaten into gold leaf less than 100 nm thick, revealing a bluish-green color when light is transmitted through it. Gold reflects yellow and red, but not blue or blue-green. The direct transmission of light through a metal in the absence of reflection is observed only in rare instances.</p> <h2>Colored gold alloys</h2> <p>When two metals are dissolved in each other (as is the case with alloys), the color is often a mixture of the two. For example, copper dissolved in gold changes the color from a yellow-gold to a red-gold. Silver dissolved in gold creates a green-gold color. White gold contains palladium and silver. The color of gold jewelry can be attributed to the addition of different amounts of several metals (such as copper, silver, zinc, and so on). Some of these color changes can be explained by shifts in the energy levels relative to the Fermi level. </p> <div class="clear"></div> <table class="imageZoom"> <tr> <td class="td50"> <img src="images/content/9_platinum_ring.jpg" alt="" border="0" /> <div class="caption"> <p>This platinum ring has rose gold flowers with diamond centers to either side of the central diamond, and leaves of green gold.</p> </div> </td> <td class="td50"> <img src="images/content/9_gold_bands.jpg" alt="" border="0" /> <div class="caption"> <p>These 18 karat gold bands contrast the hues of white, pink and green gold.</p> </div> </td> </tr> </table>  <p>Some alloys form intermetallics, where strong covalent bonds replace metallic bonding. Bonding is localized, so there is no sea of electrons.</p> <div class="clear"></div> <div class="inlineBox"> <img src="images/content/purpleGold2.jpg" alt="" border="0" /> <img src="images/content/purpleGold1.jpg" alt="" border="0" /> <div class="caption"> <p>The addition of aluminum to gold creates a brittle purple gold. Purple gold used in a pin, and a purple gold inlay within a yellow gold ring.</p> </div> </div>  <p>When indium or gallium is added to gold, a blue color can result. The cause of color in these intermetallics is different than that of yellow gold.</p> <h2>Surface colors </h2> <p>Many metals create the illusion of being colored. The color can be attributed to a very thin surface coating, such as a paint or dye, or thin oxide layers can create interference colors (see <a href="15.html">butterflies</a>) similar to those in oil or soap bubbles. </p> <div class="clear"></div> <div class="inlineBox"> <img src="images/content/9_anodized.jpg" alt="" border="0" /> <div class="caption"> <p>Some metals like aluminum (left) and titanium (right) can be anodized to create colors. The anodizing process creates a thin oxide layer. Aluminum and titanium films produced by anodizing can form thin, transparent coatings that produce interference effects in reflected light. The colors are applied using a bath, a brush, or a sponge, with the voltage applied determining the final color. Another anodizing application, particularly in aluminum, is the formation of thick, porous coatings that can absorb dyes to produce intense colors.</p> </div> <img src="images/content/9_Stainless_steel.jpg" alt="" border="0" /> <div class="caption"> <p>Stainless steel can also be colored, the color varying with oxide thickness, but the anodizing process is not used. In <i>Sky Church</i>, the purple area consists of stainless steel, coated to create interference effects. The panels appearing to flutter above the path of the monorail speeding below are made from painted aluminum.</p> </div> <img src="images/content/black-gold-and-blue-gold.jpg" alt="" border="0" /> <div class="caption"> <p>Gold can be colored by creating surface oxide layers. Because gold does not oxidize in its pure form, base metals have to be added to create blue, brown, and black gold. The "Hearts" collection, in blue gold, is by Ludwig Muller of Switzerland. Crosses of black gold may be colored in different ways, as shown above. </p> </div> </div> <div class="imageLeft"> <img src="images/content/plate-VIII-01.jpg" alt="" border="0" /> <div class="caption"> <p>This antique engraved Czechoslovakian glass shows color produced by colloidal suspensions. When gold is in metallic colloidal form, as in the 10-nm-diameter particles in "ruby glass," the very complex "Mie scattering theory" has to be used to explain the unexpected red color illustrated; the yellow glass in this figure is colored by Mie scattering from metallic colloidal silver particles.</p> </div> </div>  <p></p> <h2>The color of nanoparticles</h2> <p>The color known as "Purple of Cassius" in glass and glass enamel is created by incorporating a colloidal suspension of gold nanoparticles, a technology in use since ancient times. Colloidal silver is yellow, and alloys of gold and silver create shades of purple-red and pink.</p> <p>Nanoshells are a recent product from the field of nanotechnology. A dielectric core is coated with metal, and a plasmon resonance mechanism creates color, the wavelength depending on the ratio of coating thickness to core size. For gold, a purple color gives way to greens and blues as the coating shell is made thinner. In the future, jewelry applications may include other precious metals, such as platinum. </p> <div class="clear"></div> <div class="inlineBox"> <img src="images/content/gold-nano.jpg" alt="" border="0" width="525px" /> <div class="caption"> <p>Dispersions of discrete gold nanoparticles in transparent media provide a fascinating range of colors, only recently exploited in the manufacture of paints and coatings. The shape of the particles and the viewing conditions determine the color we see. The gold particles in the test tubes on the left are shown in transmitted light, while the image on the right shows the same gold nanoparticles viewed in reflected light. </p> </div> <img src="images/content/9_diameter_of_gold.jpg" alt="" border="0" /> <div class="caption"> <p>The diameter of gold nanoparticles determines the wavelengths of light absorbed. The colors in this diagram illustrate this effect. </p> </div> <img src="images/content/9_quantum_dot_nanoparticles.jpg" alt="" border="0" /> <div class="caption"> <p>Different sized quantum dot nanoparticles are shown above, first in ultraviolet light and then in ambient light. The length of the synthesis reaction determines particle size for CdSe, increasing from left to right. In colloidal suspension, this <a href="10.html">semiconductor</a> behaves in the same way as a metal. </p> </div> </div> </div> </div> <div id="footer_link"> <div class="prev"><a href="https://www.webexhibits.org/causesofcolor/6AC.html">« Previous</a></div> <div class="next"><a href="https://www.webexhibits.org/causesofcolor/10.html">Next »</a></div> </div> <div id="footer"> webexhibits.org/causesofcolor — <a href="bibliography.html">Bibliography</a> — <a href="about.html">About</a> — <a href="credits.html">Credits & Feedback</a> </div> </div> <div id="ads"> <h3>Advertisement</h3> <div class="ads"> <script type="text/javascript"> </script> <script type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> <div class="clear"></div> </div>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-WPCMZB9YJ2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-WPCMZB9YJ2'); </script> </body> </html>