Apply a colored overlay to an element using mix-blend-mode.
.image { background-color: #0ea5e9; position: relative; } .image::after { content: ""; position: absolute; inset: 0; background: #ec4899; opacity: 0.5; mix-blend-mode: overlay; }