Aurora Mint Gradient — CSS, Hex Stops and Preview
Aurora Mint is a linear-gradient built from 2 fixed stops, from #00C9FF to #92FE9D. The values below are the preset exactly as the generator ships it, so you can paste the block and get this look without opening the tool.
Copy the CSS
.gradient {
background: #00C9FF; /* fallback for old browsers */
background: -webkit-linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
background: -moz-linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
}Stops
| # | Colour | Position | RGB |
|---|---|---|---|
| 1 | #00C9FF | 0% | rgb(0, 201, 255) |
| 2 | #92FE9D | 100% | rgb(146, 254, 157) |
Frequently asked
What is the CSS for the Aurora Mint gradient?background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%); It is a linear-gradient with 2 colour stops, and a solid fallback of #00C9FF for anything that cannot paint gradients.
Where does the Aurora Mint preset come from?
It ships with the CSS Shift generator as one of ten starting points. The values are fixed, not random: a 90° axis, with stops at 0%, 100%.
How do I put text on top of it?
Treat the lightest and darkest stop as the worst case. Against white, #00C9FF scores 1.94:1; #92FE9D scores 1.24:1 — so a white heading only clears 4.5:1 where those numbers are at least 4.5.