
<div class="tsd-page-title">
<ul class="tsd-breadcrumb" aria-label="Breadcrumb">
<li><a href="../modules/_babylonjs_core.html">@babylonjs/core</a></li>
<li><a href="" aria-current="page">IValueGradient</a></li></ul>
<h1>Interface IValueGradient</h1></div>
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography"><p>Interface used by value gradients (color, factor, ...)</p>
</div></section>
<div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">IValueGradient</span> <span class="tsd-signature-symbol">{</span><br>    <a class="tsd-kind-property" href="#gradient">gradient</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br><span class="tsd-signature-symbol">}</span></div>
<section class="tsd-panel">
<h4>Implemented by</h4>
<ul class="tsd-hierarchy">
<li><a href="../classes/_babylonjs_core.Color3Gradient.html" class="tsd-signature-type tsd-kind-class">Color3Gradient</a></li>
<li><a href="../classes/_babylonjs_core.ColorGradient.html" class="tsd-signature-type tsd-kind-class">ColorGradient</a></li>
<li><a href="../classes/_babylonjs_core.FactorGradient.html" class="tsd-signature-type tsd-kind-class">FactorGradient</a></li></ul></section><aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/BabylonJS/Babylon.js/blob/b248b370267f13bfaf5b2a0f8fd525bad7c99b52/packages/dev/core/src/Misc/gradients.ts#L4">packages/dev/core/src/Misc/gradients.ts:4</a></li></ul></aside>
<section class="tsd-panel-group tsd-index-group">
<section class="tsd-panel tsd-index-panel">
<details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>
<h5 class="tsd-index-heading uppercase">Index</h5></summary>
<div class="tsd-accordion-details">
<section class="tsd-index-section">
<h3 class="tsd-index-heading tsd-anchor-link" id="properties">Properties<a href="#properties" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
<div class="tsd-index-list"><a href="#gradient" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>gradient</span></a>
</div></section></div></details></section></section>
<details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>
<h2 class="tsd-anchor-link" id="properties-1">Properties<a href="#properties-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h2></summary>
<section>
<section class="tsd-panel tsd-member">
<h3 class="tsd-anchor-link" id="gradient"><span>gradient</span><a href="#gradient" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
<div class="tsd-signature"><span class="tsd-kind-property">gradient</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
<div class="tsd-comment tsd-typography"><p>Gets or sets the gradient value (between 0 and 1)</p>
</div><aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/BabylonJS/Babylon.js/blob/b248b370267f13bfaf5b2a0f8fd525bad7c99b52/packages/dev/core/src/Misc/gradients.ts#L8">packages/dev/core/src/Misc/gradients.ts:8</a></li></ul></aside></section></section></details>