# Color Ranges

The CircularGauge enables you to set different colors that depend on the currently displayed value.

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

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

## Suggested Links

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