Как растянуть два div-элемента, чтобы заполнить доступное горизонтальное пространство?

Я очень надеюсь, что вы можете мне помочь.

Я создал эту скрипку , чтобы показать, что я пытаюсь сделать.

Мой вопрос: Как мне растянуть два элемента div, чтобы заполнить доступное горизонтальное пространство?

Как вы можете видеть, есть 5 элементов div, связанных вместе, обернутых элементом div, где я установил цвет фона и ширину на 100%.

Есть три div-элемента шириной 50 пикселей.

Ширина двух других div-элементов должна заполнять остальное доступное пространство, они также должны иметь одинаковую ширину -> 50% для каждого из оба div.

Моя проблема в том, что 50% обоих элементов div составляют 100% общей ширины. И не до доступной ширины пространства.

Я стараюсь не использовать таблицы и т. Д. Я хотел бы услышать ваши комментарии об этом способе.