Color Wheel Soft is a conic gradient built from 6 colors. Copy the CSS below, tweak the stops and angle, or download it as an image.
- TypeConic
- Start angle0°
- Color stops6
Customize and download Color Wheel Soft
Loading colors…
Loading gradients…
Color Wheel Soft CSS code
background-color: #F472B6;background: conic-gradient(from 0deg, #F472B6 0%, #FBBF24 20%, #34D399 40%, #60A5FA 60%, #A78BFA 80%, #F472B6 100%);background-image: conic-gradient(from 0deg, #F472B6 0%, #FBBF24 20%, #34D399 40%, #60A5FA 60%, #A78BFA 80%, #F472B6 100%);Colors in this gradient
- #F472B6
≈ Hot Pink - #FBBF24
≈ Medium Light Amber - #34D399
≈ Soft Aquamarine - #60A5FA
≈ Light Bright Cerulean - #A78BFA
≈ Pale Bright Iris
Similar gradients
- Citrus Peel
Linear · 2 colors - Cinnabar to Marigold
Linear · 2 colors - Marigold to Chartreuse
Linear · 2 colors - Marigold to Cobalt
Linear · 2 colors - Cobalt to Marigold
Linear · 2 colors - Vermilion to Amber
Linear · 2 colors - Amber to Lime
Linear · 2 colors - Amber to Sapphire
Linear · 2 colors - Sapphire to Amber
Linear · 2 colors - Marigold, Apple and Emerald
Linear · 3 colors - Rose, Scarlet and Marigold
Linear · 3 colors - Lemon Twist
Linear · 2 colors
Frequently asked questions
How do I use the Color Wheel Soft gradient in CSS?
Add background: conic-gradient(from 0deg, #F472B6 0%, #FBBF24 20%, #34D399 40%, #60A5FA 60%, #A78BFA 80%, #F472B6 100%); to any element. Keep a solid fallback such as background-color: #F472B6; before it for very old browsers.
Can I download the Color Wheel Soft gradient as an image?
Yes. Use the generator on this page to choose a size up to 4096 px and a PNG, JPG or WebP format. The image is created in your browser and never uploaded.