title: How to add fading effect to border like the image attached
body: <p>I am trying to achieve a div like this. I have the blue background and the foreground color. But I am not sure how to get fading border.</p>
  
  <p>background color:- #93cde9</p>
  
  <p>foreground color:- #c4e4f3</p>
  
  <p>Can somebody help me out here??</p>
  
  <p><img src="https://i.stack.imgur.com/tUHwv.png" alt="Required effect"></p>