Is this possible to create 2-axis 4 color gradient in css (bilinear gradient)?

Question

My exmaple in JavaScript and . https://codepen.io/KonradLinkowski/pen/QWbjaPr

Answer 1

You can give a try to radial-gradient

example to play with snippet / pen:

html {
  height:100vh;
  background:
    radial-gradient(ellipse at top     left, rgb(236, 249, 87)  15% , transparent 60%), 
    radial-gradient(ellipse at bottom  left, rgb(247, 69, 204)  15% , transparent 60%),
    radial-gradient(ellipse at top    right, rgb(121, 238, 196) 15% , transparent 60%),
    radial-gradient(ellipse at bottom right, rgb(81, 82, 213)   15% , transparent 60%)
}