
<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">Color3Gradient</a></li></ul>
<h1>Class Color3Gradient</h1></div>
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography"><p>Class used to store color 3 gradient</p>
</div></section>
<section class="tsd-panel">
<h4>Implements</h4>
<ul class="tsd-hierarchy">
<li><a href="../interfaces/_babylonjs_core.IValueGradient.html" class="tsd-signature-type tsd-kind-interface">IValueGradient</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#L50">packages/dev/core/src/Misc/gradients.ts:50</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="constructors">Constructors<a href="#constructors" 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="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
</div></section>
<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="#color" 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>color</span></a>
<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-Constructors"><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="constructors-1">Constructors<a href="#constructors-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="constructor"><span>constructor</span><a href="#constructor" 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>
<ul class="tsd-signatures">
<li class="">
<div class="tsd-signature tsd-anchor-link" id="constructorcolor3gradient"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">Color3Gradient</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">gradient</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">color</span><span class="tsd-signature-symbol">:</span> <a href="_babylonjs_core.Color3.html" class="tsd-signature-type tsd-kind-class">Color3</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">Color3Gradient</a><a href="#constructorcolor3gradient" 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></div>
<div class="tsd-description">
<div class="tsd-comment tsd-typography"><p>Creates a new color3 gradient</p>
</div>
<div class="tsd-parameters">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list">
<li><span><span class="tsd-kind-parameter">gradient</span>: <span class="tsd-signature-type">number</span></span>
<div class="tsd-comment tsd-typography"><p>gets or sets the gradient value (between 0 and 1)</p>
</div></li>
<li><span><span class="tsd-kind-parameter">color</span>: <a href="_babylonjs_core.Color3.html" class="tsd-signature-type tsd-kind-class">Color3</a></span>
<div class="tsd-comment tsd-typography"><p>gets or sets associated color</p>
</div></li></ul></div>
<h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">Color3Gradient</a></h4><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#L56">packages/dev/core/src/Misc/gradients.ts:56</a></li></ul></aside></div></li></ul></section></section></details>
<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="color"><span>color</span><a href="#color" 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">color</span><span class="tsd-signature-symbol">:</span> <a href="_babylonjs_core.Color3.html" class="tsd-signature-type tsd-kind-class">Color3</a></div>
<div class="tsd-comment tsd-typography"><p>Gets or sets the associated color</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#L64">packages/dev/core/src/Misc/gradients.ts:64</a></li></ul></aside></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">
<p>Implementation of <a href="../interfaces/_babylonjs_core.IValueGradient.html">IValueGradient</a>.<a href="../interfaces/_babylonjs_core.IValueGradient.html#gradient">gradient</a></p>
<ul>
<li>Defined in <a href="https://github.com/BabylonJS/Babylon.js/blob/b248b370267f13bfaf5b2a0f8fd525bad7c99b52/packages/dev/core/src/Misc/gradients.ts#L60">packages/dev/core/src/Misc/gradients.ts:60</a></li></ul></aside></section></section></details>

Class Color3Gradient

Implements

Index

Constructors

Properties

Constructors

constructor

Parameters

Returns Color3Gradient

Properties

color

gradient