How to add price range in WooCommerce variations

I am using WooCommerce on my website. I allow my users to select the width and height for the Roller Shutter products, and based on their selection, they will see the price.

(https://blindmotorsonline.com.au/product/cw-42mm-single-line-double-line-roller-shutters-manual-override-motor-with-240v-electric-switch-and-crank-handle/)

As you can see in the below price table link, if they select 600 width and 600 height, the price will be 122. For 700(width) x 600(height) = 124(price), and so on.

To achieve this functionality, I selected the product type “variable” and created variations for all these width and height combinations (In the pricing table below).

But now I want that, instead of width and height dropdowns, I want my users to input the width and height, and the price gets calculated based on their input values. So if the user puts any value (for width) between the range 600 to 700, that is 601, 602,603… up to 699, it will take the price value for 600width( initial width value). Similarly, if users put any value between the range 701,702,703…799, it will take the price value for 700width. The same case for height as well.

I can not use any formula for these calculations as I have my specific prices for each combination (as you can see in the below price table)

To elaborate further, I want functionality like this website (https://www.blindsonline.com.au/roller-blinds/41400/next-day-sofia-blockout-chalk.htm).

Please suggest any free or paid plugin/solution to allow me to achieve all this.

Pricing Table:
https://blindmotorsonline.com.au/wp-content/uploads/2024/02/Screenshot-2024-02-27-000347.png

The page I need help with: [log in to see the link]