Cotton Fields Gradient
Pastel blue, pink, and mint mesh blobs glowing from a matching pale blue base.
Open in the gradient generator →
Color Stops
#D6E6F2
#F2D6E8
#E8F2D6
Background · #E8F2D6
Cotton Fields CSS Code
HEX Copy
background: #E8F2D6; background: radial-gradient(at 43% 87%, #D6E6F2, transparent 70%), radial-gradient(at 21% 26%, #F2D6E8, transparent 70%), radial-gradient(at 86% 37%, #E8F2D6, transparent 70%), #E8F2D6;
RGBA Copy
background: rgba(232, 242, 214, 1.0); background: radial-gradient(at 43% 87%, rgba(214, 230, 242, 1.0), transparent 70%), radial-gradient(at 21% 26%, rgba(242, 214, 232, 1.0), transparent 70%), radial-gradient(at 86% 37%, rgba(232, 242, 214, 1.0), transparent 70%), rgba(232, 242, 214, 1.0);
HSLA Copy
background: hsla(81, 52%, 89%, 1.0); background: radial-gradient(at 43% 87%, hsla(206, 52%, 89%, 1.0), transparent 70%), radial-gradient(at 21% 26%, hsla(321, 52%, 89%, 1.0), transparent 70%), radial-gradient(at 86% 37%, hsla(81, 52%, 89%, 1.0), transparent 70%), hsla(81, 52%, 89%, 1.0);
More Gradient Presets
FAQ
What is the Cotton Fields gradient?Pastel blue, pink, and mint mesh blobs glowing from a matching pale blue base.
What's the CSS code for the Cotton Fields gradient?
Use
background: radial-gradient(at 43% 87%, #D6E6F2, transparent 70%), radial-gradient(at 21% 26%, #F2D6E8, transparent 70%), radial-gradient(at 86% 37%, #E8F2D6, transparent 70%), #E8F2D6;. RGBA and HSLA versions are also available on this page.