How to create 3 divs side by side using flex where middle div can (grow&shrink) in respect to other two divs?

I want to create Three divs `A` `B` `C` with a parent containing `flex` css property. Having `A` fixed width of 300px and `C` having min width 200px and can grow in width as more content is added.

While `B` should be in between `A` and `C` should grow and shrink automatically as per the widths of `A` and `C`.

Although `A` and `C` can be of any width `300px` and `200px` are just examples.

I've tried but unable to place it correctly.

For `C` i used `flex: 1 1 0%;` with `A` and `C` with fixed width - **But didn't worked**