My website is VSD designed.
www.thesmileteam.com.au

The gradient forming 2 block colours of blue and white via the page gradient background option looks good in PC. However, with iphone or ipad it shows off colours. I can understand if the blue is slightly off when viewed from the ipad, but i don't understand why the white (bottom half of the page) appears yellow in ipad.

How do I get around this problem?

I viewed your site on my iphone, and it looks as if there is a yellow overlay changing the blue to slightly greenish and the white to yellow. Only guessing, but it may be the colour settings of the iphone monitor, and I have no idea how to change that. And I don't have any ipad. I don't think this is anything you can correct with code. If you do, the colours are likely to be 'off' for everyone viewing the site with an ordinary PC.