# Color Ranges

The ArcGauge 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/arcgaugecomponent#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/arc-gauge/color-ranges/source.txt)

## Suggested Links

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