Image
HTML Chart
E
A
D
G
B
E
x
C
E
C
E
G
14
F#
B
E
A
C#
F#
15
G
C
F
A#
D
G
16
G#
C#
F#
B
D#
G#
17
A
D
G
C
E
A
<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="muted" style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; background-color: black; color: white; font-weight: bold;">x</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="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> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">14</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> <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; "> C# </td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> F# </td> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">15</td> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> 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> <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> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">16</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; "> B </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> </tr> <tr> <td style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em;">17</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 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 style="border: 1px solid #cccccc; font-size: small; height: 2em; text-align: center; width: 2em; "> A </td> </tr> </table>
Text Chart
E A D G B E x C E C E G 14 o 15 o o 16 17 o o
String
MIDI
Download MIDI file
