Rose Dust Gradient — CSS, Hex Stops and Preview

Rose Dust is a radial-gradient built from 2 fixed stops, from #EE9CA7 to #61045F. 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: #EE9CA7; /* fallback for old browsers */
  background: -webkit-radial-gradient(circle at 30% 30%, #EE9CA7 0%, #61045F 100%);
  background: -moz-radial-gradient(circle at 30% 30%, #EE9CA7 0%, #61045F 100%);
  background: radial-gradient(circle at 30% 30%, #EE9CA7 0%, #61045F 100%);
}

Stops

Frequently asked

What is the CSS for the Rose Dust gradient?
background: radial-gradient(circle at 30% 30%, #EE9CA7 0%, #61045F 100%); It is a radial-gradient with 2 colour stops, and a solid fallback of #EE9CA7 for anything that cannot paint gradients.

Where does the Rose Dust preset come from?
It ships with the CSS Shift generator as one of ten starting points. The values are fixed, not random: a circle centred at 30% / 30%, 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, #EE9CA7 scores 2.11:1; #61045F scores 12.42:1 — so a white heading only clears 4.5:1 where those numbers are at least 4.5.

More gradients