BACKGROUND TILES

or most of the following backgrounds, it is best to look at the "demos" (where available) because the patterns are not obvious until the whole of the tiled effect is seen.  Starting with the second row, the abstract patterns are demonstrated with both black and white text, to illustrate the best choice when using them.  Some of the demos incorporate multiple colors of fonts to further illustrate best font color choices.

HONEYCOMB TILES   TILED TEXTURES   WATERMARKS   FULL-PAGE BACKGROUNDS
Color line details
(background & font colors)
======================================================================
The next 4 rows all tile into interlocking designs, eliminating the appearance of "tile edges"
pinklime.gif - makes a neat background against white or pale grey.  When tiled, the design appears to flow from the upper left to lower right of the screen. pinklime.gif against a white background.  When tiled, the edges of each tile are invisible. yelpink.gif, a combination of light yellow and pink abstract forms.  When tiled, the edges of each tile are invisible. yelpink.gif again white.  When tiled, the edges of each tile are invisible. yelpink.gif against off-white (#EEEEEE). Gives illusion of text being on a thin sheet above a dark background.  When tiled, the edges of each tile are invisible.
pinklime.gif
(transparent)
Real nice tiled,
see: demo		 pinklime.gif against
white (#FFFFFF)		 yelpink.gif
(transparent)
Real nice tiled,
see: demo		 yelpink.gif against white (#FFFFFF) yelpink.gif against off-white (#EEEEEE) See demo Fancy appearance.
pinkbluelime.gif: pink and light blue forms on a lime background. pinkbluelime.gif: pink and light blue forms on a transparent background. pinkbluelime.gif: pink and light blue forms on a transparent background, here against white. brytpurpred.gif: Same design as pinkbluetrans.gif, with bright purple and dark blue substituted. brytpurpred.gif against a dark, charcoal background.
pinkbluelime.gif
see: demo		 pinkbluetrans.gif
(transparent)
see: demo		 pinkbluetrans.gif against white (#FFFFFF) brytpurpred.gif
(transparent)
see: demo		 brytpurpred.gif against charcoal (#444444)
purpink.gif is a complete, interlocking design of pale pink and purple.  When tiled, the edges of each tile are invisible. drkblupurp.gif uses a bright, dark blue and dull purple in the same design as purpink.gif. augdesign02.gif is a complete, interlocking design of pale green, pink, and yellow.  When tiled, the edges of each tile are invisible. aug2design02.gif is a complete, interlocking design of pale green, pink, and yellow, but less wispy than augdesign02.gif.  When tiled, the edges of each tile are invisible. augrose.gif is a complete, interlocking design of pale green, pink, and yellow.  When tiled, the edges of each tile are invisible.
purpink.gif
see: demo		 drkblupurp.gif
see: demo		 augdesign02.gif
(transparent)
Can be distractive when tiled.
see: demo 		aug2design02.gif
(transparent)
Wild design when tiled,
see: demo		 augrose.gif
(transparent)
Colorful design when tiled,
see: demo
aug3design02.gif is a complete, interlocking design of pale green, pink, and yellow.  When tiled, the edges of each tile are invisible. aug3design02pl.gif is a complete, interlocking design of pale green, pink, and yellow.  When tiled, the edges of each tile are invisible. aug4design.gif is a complete, interlocking design of pale blue and yellow.  When tiled, the edges of each tile are invisible. aug402design02pl.gif is a complete, interlocking design of very pale blue and gold.  When tiled, the edges of each tile are invisible.
aug3design02.gif
(transparent)
Quiet design against BGCOLOR=#CCCCCC when tiled,
see: demo		 aug3design02pl.gif
(transparent)
Bright, nice design against BGCOLOR=#EEEEEE (off-white) when tiled,
see: demo		 aug4design.gif
(transparent)
Bright design against BGCOLOR=#DDDDDD (pale silver) when tiled.		 aug402design.gif
(transparent)
Light, nice design against BGCOLOR=#DDDDDD (pale silver) when tiled,
see: demo
greenorangSQ.gif has a bright green and orange design standing out against a pale blue lace-like background. The gopaleSQ.gif version of greenorangSQ.gif has a paler design of peach and lime against the same light blue lace background. bluestar81c1.gif has a dark blue pentagram appearing to radiate toward the corners. bluecirctile1t.gif is circles in squares, the whole divided by a cross; pale green, orange, and yellow design on pale blue.
greenorangSQ.gif
see: (poor) demo		 gopaleSQ.gif
see: demo		 bluestar81c1.gif
(81x81)
demo		 bluecirctile1t.gif
(transparent)
Demo
 
grayhorizon.gif grayhorizon2.gif grayhorizon3.gif grayhorizon4.gif grayhorizon4b.gif
grayhorizon.gif
(117x99)
Demo		 grayhorizon2.gif
(117x99)
Demo		 grayhorizon3.gif
(117x99)
Demo		 grayhorizon3.gif
(143x99)
Demo		 grayhorizon3.gif
(141x99)
Demo
animated rainbowQgreen.gif with pale green, turquoise, and blue moving through field.
rainbowQgreen.gif
(144x99)
Demo
(Creates an optical illusion effect.)
themo12.gif pyswirl02.gif pyswirl021.gif, transparent
thermo12.gif
(207x289)
Demo		 pyswirl02.gif
(130x141)
Demo		 pyswirl021.gif
(130x141)
transparent
Demo
crosdivid4lp4.gif: a double-staved, looped cross of light blue against light purple. crossdivid4lp4w.gif is crossdivid4lp4.gif doubled laterally. crossdivid4bl2.gif is crosdivid4lp4.gif in different colors against black. hcrossdivid4bl.gif is crossdivid4bl2.gif rotated 90 degrees to a horizontal position. hcrossdivid4bw.gif is crossdivid4lpr.gif, rotated to a horizontal position and a black design on a white background.
crossdivid4lp4.gif
(tiles for an interesting background.)		 crossdivid4lp4w.gif
(tiles for an interesting background.)		 crossdivid4bl2.gif hcrossdivid4bl.gif hcrossdivid4bw.gif
silvertile1.gif is a square, light grey cross design with thinner designs in each corner. silvertile2.gif is a square, silver cross design with thinner designs in each corner. silvertile1x4.gif silvertile2x4.gif yelbluetile1.gif consists of pale yellow and blue lines intersecting at 45 degrees.
silvertile1.gif
(transparent)
Demo		 silvertile2.gif
(transparent)
Demo		 silvertile1x4.gif
(transparent)
Demo		 silvertile2x4.gif
(transparent)
Demo		 yelbluetile1.gif
(transparent)
Demo
rcorner2lg.gif grensqar10.gif grensqar15.gif grensqar20.gif flempalsquar20.gif
 
honeycomb3.gif
(166x94)demo honeycomb1.html		 honeycomb31.gif
(166x94)
(transparent)
demo honeycomb31.html		 honeycomb4.gif
(166x94)demo honeycomb4.html		 honeycomb41.gif
(166x94)
(transparent)
demo honeycomb41.html
demo honeycomb41d.html (different background shading)		 honeycomb51.gif
(69x78)
(transparent)
demo honeycomb5.html
honeycombturq1.gif
(166x94)demo honeycombturq1.html		 honeycombturq11.gif
(166x94)
(transparent)
demo honeycombturq11.html		 honeycombturq2.gif
(166x94)demo honeycombturq2.html		 honeycombturq32.gif
(69x78)demo honeycombturq32.html
honeycombblue1.gif
(166x94)demo honeycombblue1.html		 honeycombblue11.gif
(166x94)
(transparent)
demo honeycombblue11.html
 

"TEXTURE" TILES
tileivory.gif, a tile to create the impression of parchment. tileivory2.gif, a tile to create the impression of parchment. tileivory5.gif, a tile to create the impression of woven texture. tileivory51.gif, a tile to create the impression of pale, woven texture.
tileivory.gif
(121x91)
(Creates an aged parchment appearance.)		 tileivory2.gif
(121x91)
Demo
(Creates an aged parchment appearance.)		 tileivory5.gif
(120x80)
Demo
(Creates a tightly woven texture look.)		 tileivory51.gif
(120x80)
Demo
(Creates a pale, tightly woven texture look.)
tileivory62.gif, a tile to create the impression of a lightly woven texture. tileivory63.gif, a tile to create the impression of a lightly woven texture. tileivory65.gif, a tile to create the impression of a richly woven texture. tileivory66.gif, a tile to create the impression of a richly woven texture. tileivory67.gif, a tile to create the impression of a very richly woven texture.
tileivory62.gif
(26x24)
Demo
(Creates a lightly woven appearance.)		 tileivory63.gif
(39x36)
Demo
(Creates an irregularly woven appearance.)		 tileivory65.gif
(39x36)
Demo
(Creates a richly woven appearance.)		 tileivory66.gif
(39x36)
Demo
(Creates a richly woven appearance.)		 tileivory67.gif
(39x36)
Demo
(Creates a very richly woven appearance.)
tilebeige5.gif, a tile to create a slightly textured, rumpled paper appearance. tilebeige6.gif, a tile to create a slightly textured, sack cloth appearance. tilepaleblue2.gif, a tile to create a slightly textured, weave appearance. tilepaleblue4.gif, a tile to create a slightly textured, weave appearance. tilepaleblue5.gif, a tile to create a slightly textured, weave appearance.
tilebeige5.gif
(145x125)
Demo
(Creates a slightly rumpled, textured look.)		 tilebeige6.gif
(105x125)
Demo
(Creates a sack cloth look.)		 tilepaleblue2.gif
(91x80)
Demo
(Creates a weave look.)		 tilepaleblue4.gif
(91x80)
Demo
(Creates a weave look.)		 tilepaleblue5.gif
(91x80)
Demo
(Creates a weave look.)
redyelgray2.gif, a tile of pale yellow and red textures. tilebluegold5.gif, a tile of pale yellow and blue textures. tilegreenbrown1.gif, a tile of ruddy beige/light green textures. tilegreenbrown2.gif, a tile of ruddy beige/light green textures. tilegrbrgrey.gif, a tile of beige woven pattern on green-grey.
redyelgray2.gif
(130x141)
Demo
(Creates a mottled red/yellow appearance.)		 tilebluegold5.gif
(130x141)
Demo
(Creates a mottled blue/gold appearance.)		 tilegreenbrown1.gif
(130x141)
Demo
(Creates a mottled ruddy beige/light green appearance.)		 tilegreenbrown2.gif
(130x141)
Demo
(Creates a mottled ruddy beige/light green appearance.)		 tilegrbrgrey.gif
(130x141)
Demo
(Creates a mottled beige woven pattern on green-grey.)
greenweav2.gif creates a green & blue woven effect. greenweav31.gif, a tile of green textures. greenweav32.gif creates a green, blue, gray tartan pattern. greenweav4.gif creates a green & blue tartan pattern. greenweav42.gif creates a green & blue tartan pattern.
greenweav2.gif
(102x51)
Demo
(Creates a green woven texture.)		 greenweav31.gif
(102x51)
Demo
(Creates a green texture.)		 greenweav32.gif
(102x51)
Demo
(Creates a green, blue & gray tartan-like texture.)		 greenweav4.gif
(102x51)
Demo
(Creates a green and blue tartan-like texture.)		 greenweav42.gif
(153x153)
Demo
(Creates a green and blue tartan-like texture.)
bluesplat01x33 creates an irregular pattern of blues. bluesplat02x44 creates an irregular pattern of blues plus golds. bluesplat04x48 creates an irregular pattern of blues plus golds. bluesplat05x48 creates an irregular pattern of blues plus golds. bluesplat06x48 creates an irregular pattern of blues plus golds.
bluesplat01x33.gif
(33x33)
Demo
(Creates a multiple-blue texture.)		 bluesplat02x44.gif
44x44)
Demo
(Creates a multiple-blue & gold texture.)		 bluesplat04x48.gif
(48x48)
Demo
(Creates a multiple-blue & gold texture.)		 bluesplat05x48.gif
(48x48)
Demo
(Creates a multiple-blue & gold texture.)		 bluesplat06x48.gif
(48x48)
Demo
(Creates a multiple-blue & gold texture; has an appearance like cold-pressed paper.)
 

"WATERMARK" FIGURES
revsoldiergreen.gif
(45x58)(transparent)
demo against bgcolor=#779977 (graygreen)		 revsoldiersilvergray.gif
(45x58)(transparent)
demo against bgcolor=silver		 revsoldiersilvergrn.gif
(45x58)(transparent)
demo against bgcolor=silver		 backdefence.gif
(45x33)(transparent)
demo against bgcolor=#EEEEEE (off-white)
backdollar.gif
(44x44)(transparent)
demo against bgcolor=silver		 backdollar2.gif
(45x33)(transparent)
demo against bgcolor=#EEFFEE		 backdollar2pgreen.gif
(45x33)(transparent)
demo against bgcolor=#EEFFEE
backfire.gif
(45x45)(transparent)
demo against bgcolor=#EEEEEE (off-white)		 backflame.gif
(45x45)(transparent)
demo against bgcolor=#EEEEEE (off-white)		 backflamesimp.gif
(45x45)(transparent)
demo against bgcolor=#EEEEEE (off-white)		 backcloudbird.gif
(54x45)(transparent)
demo against bgcolor=#EEFFEE		 backcloudlight.gif
(54x45)(transparent)
demo against bgcolor=#EEFFEE
backtree.gif
(45x58)(transparent)
demo against bgcolor=silver		 backtree2.gif
(45x58)(transparent)
demo against bgcolor=#EEEEEE (off-white)		 backscraper.gif
(38x54)(transparent)
demo against bgcolor=silver (also works well with off-white, #EEEEEE)		 backscrapergrn.gif
(38x54)(transparent)
demo against bgcolor=silver (also works well with pale green, #EEFFEE)
FIUpaleblue.gif
(50x22)(transparent)
demo against bgcolor=#e2d6c3		 FIUpaleblue2.gif
(42x26)(transparent)
demo against bgcolor=#e2d6c3		 FIUpaleblue3.gif
(127x72)(transparent)
demo against bgcolor=#e2d6c3		 pantherworld.gif
(65x45)(transparent)
demo against bgcolor=off-white (#EEEEEE.)
 
backcrescent.gif
(45x45)(transparent)
demo against bgcolor=#EEEEEE (off-white)		 back8wheel.gif
(45x45)(transparent)
demo against bgcolor=#EEEEEE (off-white)		 backmogen.gif
(45x45)(transparent)
demo against bgcolor=#EEEEEE (off-white)		 backzeuslightn.gif
(45x45)(transparent)
demo against bgcolor=#EEEEEE (off-white)
backcross.gif
(45x45)(transparent)
demo against bgcolor=silver.		 backcross2.gif
(45x45)(transparent)
demo against bgcolor=silver.		 backcross3.gif
(40x45)(transparent)
demo against bgcolor=silver.		 backcross32.gif
(60x48)(transparent)
demo against bgcolor=ddeedd (grey-green).

 

FULL PAGE SINGLE ITEMS
Blue Ridge /Afton
(0017a.gif: b&w) 		Green squares (grensqar.gif: greens) Flemish blue squares
(flempalsquar.gif)
s0017a2.jpg Blue Ridge Mts/Afton tile demo
grayframeddrksmall.gif
86x68
(Click grayframed.gif for full page (860x689) edition, 52 pixels between lines.)		 grayframedsmall.gif
86x68
(Click grayframedlit.gif for full page (860x689) edition, 52 pixels between lines.)

graphsignb.gif morriss@fiu.eduAll artwork and photography on this site, except for the FIU logos, is the property of Steve R. Morris, except where otherwise indicated.  It may be used in non-commercial websites for free, so long as the page includes acknowledgement of the artist's ownership (which can be done by including the graphsignb.gif ("Icons & Images by MorrisS") or a statement of permission.)

Steve Morris' Home Page FIU Library Page Steve Morris' HTML Index Main graphics page Graphics index page

      This page created and maintained by Steve Morris,                      Last Updated :
             Business & Legal Specialist,                                                 October 30, 2007
             Reference & Instructional Services Dept.