How can I create "symmetrically" curved functions?

284 Views Asked by At

I can use y = 1/100x as a linear transition between x:0, y:0 and x100, y1 enter image description here

I'm trying to understand how to create a "curved" transition thats "easing in" and "easing out" in a symmetrical fashion?

The function y = x^2 is curved but its not symmetrical within x:0, y:0 and x100, y1

How can I create "symmetrically" curved transitions in the style of the ones below? enter image description here

Ideally the function would contain a variable that controls the amount of curve, (from curved the one way to a straight line and then to curved again the other way). Please excuse my lack of vocabulary and understanding in the field, I hope the question makes sense. Thanks

1

There are 1 best solutions below

0
On BEST ANSWER

$$\frac x{a(100-x)+x}$$ works for $1<a$.

Example for $a=3$:x/(3(100-x)+x)

If $a=1$, it's just a line; if $0<a<1$, it slopes upwards.

Example for $a=\frac13$:x/((100-x)/3+x)