# Color Ranges

The CircularGauge enables you to set different colors depending on its current value.

To configure the range colors, set the [`colors`](https://www.telerik.com/kendo-angular-ui/components/gauges/api/circulargaugecomponent#colors) option or use the [`ColorsComponent`](https://www.telerik.com/kendo-angular-ui/components/gauges/api/colorscomponent).

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/gauges/circular-gauge/color-ranges/source.txt)

## Suggested Links

* [API Reference of the CircularGauge](https://www.telerik.com/kendo-angular-ui/components/gauges/api/circulargaugecomponent)