例えばですが、ログインしている状態でのGoogle Calendar（上）は右クリックなどで変更した帯色のままで表示されますが、共有すると下記の「テストカレンダー1」のように1色で表示されます。
https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=Asia%2FTokyo&title=%E3%83%86%E3%82%B9%E3%83%88%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC1&src=bWFrb3RvLm9nYXNhd2FyYUBnbWFpbC5jb20&color=%233F51B5こちらを帯色がある状態で表示させたい場合は、カレンダーを作る（作り直す）必要があります。
①枠にhogehoge1とhogehoge2のカレンダーが追加されてます。
追加は「他のカレンダー」隣りにある＋ボタンをクリックして追加してください。
するとスケジュールを書き込んだ際に② 枠のように色ではなくカレンダーを選択できるようになりますので、そちらを選択してください。
帯色を変更したい場合は、カレンダー名にマウスカーソルを重ねるとメニューアイコンが表示されますので、そちらをクリックすると下記の画像のように設定することが可能です。
以上のように予定毎にカレンダーを追加していただければ、帯色の違ったカレンダーをwebサイトに埋め込むことが可能になります。
https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=Asia%2FTokyo&title=%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC%E3%83%86%E3%82%B9%E3%83%882&src=bWFrb3RvLm9nYXNhd2FyYUBnbWFpbC5jb20&src=Z25yanEzMjI1NWNuNmphdXFzdXEwYWpmaTBAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&src=b3Y5OTc1M2swYm12N2tiMjNiYW9pdmp1cWNAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&color=%233F51B5&color=%23AD1457&color=%23C0CA33