---
title: "BlendColor | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Class BlendColor

#### Hierarchy ([View Summary](https://docs.maptiler.com/sdk-js/api-reference/hierarchy/#Externals.BlendColor))

-   [BaseValue](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>
    -   BlendColor

##### Index

### Constructors[](#constructors)

[constructor](#constructor)

### Properties[](#properties)

[current](#current) [default](#default) [dirty](#dirty) [gl](#gl)

### Methods[](#methods)

[get](#get) [getDefault](#getdefault) [set](#set) [setDefault](#setdefault)

## Constructors[](#constructors-1)

### constructor[](#constructor)

-   new BlendColor(context: [Context](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Context/)): BlendColor[](#constructorblendcolor)
    
    #### Parameters
    
    -   context: [Context](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Context/)
    
    #### Returns BlendColor
    
    Inherited from [BaseValue](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/).[constructor](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/#constructor)
    

## Properties[](#properties-1)

### current[](#current)

current: [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)

Inherited from [BaseValue](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/).[current](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/#current)

### default[](#default)

default: [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)

Inherited from BaseValue.default

### dirty[](#dirty)

dirty: boolean

Inherited from [BaseValue](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/).[dirty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/#dirty)

### gl[](#gl)

gl: [WebGLRenderingContext](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGLRenderingContext/) | [WebGL2RenderingContext](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGL2RenderingContext/)

Inherited from [BaseValue](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/).[gl](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/#gl)

## Methods[](#methods-1)

### get[](#get)

-   get(): [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)[](#get-1)
    
    #### Returns [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)
    
    Inherited from [BaseValue](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/).[get](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/#get)
    

### getDefault[](#getdefault)

-   getDefault(): [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)[](#getdefault-1)
    
    #### Returns [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)
    
    Overrides [BaseValue](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/).[getDefault](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/#getdefault)
    

### set[](#set)

-   set(v: [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)): void[](#set-1)
    
    #### Parameters
    
    -   v: [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)
    
    #### Returns void
    
    Overrides [BaseValue](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/).[set](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/#set)
    

### setDefault[](#setdefault)

-   setDefault(): void[](#setdefault-1)
    
    #### Returns void
    
    Inherited from [BaseValue](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/).[setDefault](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BaseValue/#setdefault)