---
id: fast-colors.interpolatehsl
title: interpolateHSL() function
hide_title: true
---
<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[@microsoft/fast-colors](./fast-colors.md) &gt; [interpolateHSL](./fast-colors.interpolatehsl.md)

## interpolateHSL() function

Interpolate by HSL color space

<b>Signature:</b>

```typescript
export declare function interpolateHSL(position: number, left: ColorHSL, right: ColorHSL): ColorHSL;
```

## Parameters

|  Parameter | Type | Description |
|  --- | --- | --- |
|  position | number |  |
|  left | [ColorHSL](./fast-colors.colorhsl.md) |  |
|  right | [ColorHSL](./fast-colors.colorhsl.md) |  |

<b>Returns:</b>

[ColorHSL](./fast-colors.colorhsl.md)
