This page was written as a learning exercise,
so the tables are built dynamically using browser scripts.
Unfortunately your browser currently doesn't have JavaScript enabled.
Sorry.
The first column and row in each table are shades (darkened with black).
The last column and row in each table are tints (lightened with white).
The inner cells are tones (both lightened and darkened).