title: Can I set specific spacing for each value on [tableValues]?
body: <p>I need to apply a <code>filter</code> as a <em>gradient map</em> to HTML elements, with custom gradients and specific distances between each color value.</p>
  <hr />
  <p>Putting into images what I've done and what I'd like to do.</p>
  <p>Let's say we have a black &amp; white image.<br />
  With some css, we use the <code>filter</code> below to map from black/white to red/green/blue.</p>
  <pre><code>&lt;filter id=&quot;rgb_gradient&quot;&gt;
    &lt;feComponentTransfer&gt;
      &lt;feFuncR type=&quot;table&quot; tableValues=&quot;1 0 0&quot;/&gt;
      &lt;feFuncG type=&quot;table&quot; tableValues=&quot;0 1 0&quot;/&gt;
      &lt;feFuncB type=&quot;table&quot; tableValues=&quot;0 0 1&quot;/&gt;
      &lt;feFuncA type=&quot;table&quot; tableValues=&quot;0 1&quot;/&gt;
    &lt;/feComponentTransfer&gt;
  &lt;/filter&gt;
  </code></pre>
  <p>Point A to B will look like this:
  <a href="https://i.stack.imgur.com/nmsso.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nmsso.png" alt="enter image description here" /></a></p>
  <p>At the moment, all three colors will be <em>evenly distributed</em> (red at 0%, green at 50%, blue at 100%).</p>
  <hr />
  <p>So, back to the question...</p>
  <p>Can I set/move (for example) the green value from 50% to 82%?</p>
  <p>What we should expect:
  <a href="https://i.stack.imgur.com/PPZKD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PPZKD.png" alt="https://i.imgur.com/3qlOztE.png" /></a></p>
  <p>Thanks in advance.</p>