# Fade to transparent

**URL:** <https://discourse.julialang.org/t/fade-to-transparent/62173>\
**Category:** Visualization\
**Tags:** makie\
**Created:** [June 1, 2021, 5:08am UTC](https://discourse.julialang.org/t/fade-to-transparent/62173 "2021-06-01T05:08:45Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jzr](https://avatars.discourse-cdn.com/v4/letter/j/eb9ed0/32.png) [@jzr](https://discourse.julialang.org/u/jzr)\
**Post date:** [June 1, 2021, 5:08am UTC](https://discourse.julialang.org/t/fade-to-transparent/62173/1 "2021-06-01T05:08:45Z")

</div>

I have this plot. I want it to fade from opaque to transparent from x=0 to x=100. Is that possible?

 ![image](https://global.discourse-cdn.com/julialang/original/3X/a/a/aa9c2691c7d4f19bef3b6cd1b57804540aefd146.png)

```julia
fig = Figure()
Axis(fig[1,1])
let xs = 0:.1:100
    ys1 = randn(length(xs))
    ys2 = randn(length(xs))
    yups = max.(ys1, ys2) .+ 5.
    ydns = min.(ys1, ys2)    
    band!(xs, yups.-1, ydns.+1, color=xs, alpha=_)
end
fig

```

---

<div class="post-metadata">

**Author:** ![lazarusA](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/lazarusa/32/6571_2.png) [@lazarusA](https://discourse.julialang.org/u/lazarusA)\
**Post date:** [June 1, 2021, 7:30am UTC](https://discourse.julialang.org/t/fade-to-transparent/62173/2 "2021-06-01T07:30:20Z")

</div>

```julia
using ColorSchemes
cbarPal = :viridis
cmap = get(colorschemes[cbarPal], LinRange(0,1,100))
cmap2 = [(cmap[i],1/(i/30)) for i in 1:100]; 
# you need to play around with the decay in transparency, but in principle you can do it. 

fig = Figure()
Axis(fig[1,1])
let xs = 0:.1:100
    ys1 = randn(length(xs))
    ys2 = randn(length(xs))
    yups = max.(ys1, ys2) .+ 5.
    ydns = min.(ys1, ys2)    
    band!(xs, yups.-1, ydns.+1, color = xs, colormap = cmap2)
end
fig

```

 ![bandCmaptransparent](https://global.discourse-cdn.com/julialang/original/3X/e/d/edfcbf33579f26c261a52f02eaf5fbd2830f74e2.png)
