Image
HTML Chart
E
A
D
G
B
E
C
E
G
G
G
C
5
A
D
G
C
E
A
6
A#
D#
G#
C#
F
A#
7
B
E
A
D
F#
B
8
C
F
A#
D#
G
C
<table class="chord-diagram"> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;"> </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">E</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">A</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">D</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">G</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">B</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">E</td> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;"> </td> <td class="tonic" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #AA1919; color: white; font-weight: bold;">C</td> <td class="major-third" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #9000FF; color: white; font-weight: bold;">E</td> <td class="perfect-fifth" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #FF8E00; color: white; font-weight: bold;">G</td> <td class="perfect-fifth" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #FF8E00; color: white; font-weight: bold;">G</td> <td class="perfect-fifth" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #FF8E00; color: white; font-weight: bold;">G</td> <td class="tonic" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #AA1919; color: white; font-weight: bold;">C</td> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">5</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> A </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> D </td> <td class="perfect-fifth" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #FF8E00; color: white; font-weight: bold;"> G </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> C </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> E </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> A </td> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">6</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> A# </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> D# </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> G# </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> C# </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> F </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> A# </td> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">7</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> B </td> <td class="major-third" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #9000FF; color: white; font-weight: bold;"> E </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> A </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> D </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> F# </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> B </td> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">8</td> <td class="tonic" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #AA1919; color: white; font-weight: bold;"> C </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> F </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> A# </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> D# </td> <td class="perfect-fifth" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #FF8E00; color: white; font-weight: bold;"> G </td> <td class="tonic" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: #AA1919; color: white; font-weight: bold;"> C </td> </tr> </table>
Text Chart
E A D G B E C E G G G C 5 o 6 7 o 8 o o o
String
MIDI
Download MIDI file
