# Color Ranges

The ArcGauge enables you to set different colors depending on the current value.

To configure the range colors, set the [`colors`](https://www.telerik.com/kendo-vue-ui-develop/components/gauges/api/arcgaugeprops#colors) property.

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

## Suggested Links

* [API Reference of the Gauges](https://www.telerik.com/kendo-vue-ui-develop/components/gauges/api)