# Backgrounds - [Background Attachment](#background-attachment) - [Background Clip](#background-clip) - [Background Color](#background-color) - [Background Image](#background-image) - [Background Origin](#background-origin) - [Background Position](#background-position) - [Background Repeat](#background-repeat) - [Background Size](#background-size) - [Gradient Color Stops](#gradient-color-stops) ----- ## Background Attachment Utilities for controlling how a background image behaves when scrolling. ### Group | TailwindJS token | | ----- | | `background_attachment_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `bg_fixed` | [bg-fixed](#background_attachment) | | `bg_local` | [bg-local](#background_attachment) | | `bg_scroll` | [bg-scroll](#background_attachment) | ## Background Clip Utilities for controlling the bounding box of an element's background. ### Group | TailwindJS token | | ----- | | `background_clip_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `bg_clip_border` | [bg-clip-border](#background_clip) | | `bg_clip_content` | [bg-clip-content](#background_clip) | | `bg_clip_padding` | [bg-clip-padding](#background_clip) | | `bg_clip_text` | [bg-clip-text](#background_clip) | ## Background Color Utilities for controlling an element's background color. ### Group | TailwindJS token | | ----- | | `background_color_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `bg_amber_100` | [bg-amber-100](#background_color) | | `bg_amber_200` | [bg-amber-200](#background_color) | | `bg_amber_300` | [bg-amber-300](#background_color) | | `bg_amber_400` | [bg-amber-400](#background_color) | | `bg_amber_50` | [bg-amber-50](#background_color) | | `bg_amber_500` | [bg-amber-500](#background_color) | | `bg_amber_600` | [bg-amber-600](#background_color) | | `bg_amber_700` | [bg-amber-700](#background_color) | | `bg_amber_800` | [bg-amber-800](#background_color) | | `bg_amber_900` | [bg-amber-900](#background_color) | | `bg_amber_950` | [bg-amber-950](#background_color) | | `bg_black` | [bg-black](#background_color) | | `bg_blue_100` | [bg-blue-100](#background_color) | | `bg_blue_200` | [bg-blue-200](#background_color) | | `bg_blue_300` | [bg-blue-300](#background_color) | | `bg_blue_400` | [bg-blue-400](#background_color) | | `bg_blue_50` | [bg-blue-50](#background_color) | | `bg_blue_500` | [bg-blue-500](#background_color) | | `bg_blue_600` | [bg-blue-600](#background_color) | | `bg_blue_700` | [bg-blue-700](#background_color) | | `bg_blue_800` | [bg-blue-800](#background_color) | | `bg_blue_900` | [bg-blue-900](#background_color) | | `bg_blue_950` | [bg-blue-950](#background_color) | | `bg_current` | [bg-current](#background_color) | | `bg_cyan_100` | [bg-cyan-100](#background_color) | | `bg_cyan_200` | [bg-cyan-200](#background_color) | | `bg_cyan_300` | [bg-cyan-300](#background_color) | | `bg_cyan_400` | [bg-cyan-400](#background_color) | | `bg_cyan_50` | [bg-cyan-50](#background_color) | | `bg_cyan_500` | [bg-cyan-500](#background_color) | | `bg_cyan_600` | [bg-cyan-600](#background_color) | | `bg_cyan_700` | [bg-cyan-700](#background_color) | | `bg_cyan_800` | [bg-cyan-800](#background_color) | | `bg_cyan_900` | [bg-cyan-900](#background_color) | | `bg_cyan_950` | [bg-cyan-950](#background_color) | | `bg_emerald_100` | [bg-emerald-100](#background_color) | | `bg_emerald_200` | [bg-emerald-200](#background_color) | | `bg_emerald_300` | [bg-emerald-300](#background_color) | | `bg_emerald_400` | [bg-emerald-400](#background_color) | | `bg_emerald_50` | [bg-emerald-50](#background_color) | | `bg_emerald_500` | [bg-emerald-500](#background_color) | | `bg_emerald_600` | [bg-emerald-600](#background_color) | | `bg_emerald_700` | [bg-emerald-700](#background_color) | | `bg_emerald_800` | [bg-emerald-800](#background_color) | | `bg_emerald_900` | [bg-emerald-900](#background_color) | | `bg_emerald_950` | [bg-emerald-950](#background_color) | | `bg_fuchsia_100` | [bg-fuchsia-100](#background_color) | | `bg_fuchsia_200` | [bg-fuchsia-200](#background_color) | | `bg_fuchsia_300` | [bg-fuchsia-300](#background_color) | | `bg_fuchsia_400` | [bg-fuchsia-400](#background_color) | | `bg_fuchsia_50` | [bg-fuchsia-50](#background_color) | | `bg_fuchsia_500` | [bg-fuchsia-500](#background_color) | | `bg_fuchsia_600` | [bg-fuchsia-600](#background_color) | | `bg_fuchsia_700` | [bg-fuchsia-700](#background_color) | | `bg_fuchsia_800` | [bg-fuchsia-800](#background_color) | | `bg_fuchsia_900` | [bg-fuchsia-900](#background_color) | | `bg_fuchsia_950` | [bg-fuchsia-950](#background_color) | | `bg_gray_100` | [bg-gray-100](#background_color) | | `bg_gray_200` | [bg-gray-200](#background_color) | | `bg_gray_300` | [bg-gray-300](#background_color) | | `bg_gray_400` | [bg-gray-400](#background_color) | | `bg_gray_50` | [bg-gray-50](#background_color) | | `bg_gray_500` | [bg-gray-500](#background_color) | | `bg_gray_600` | [bg-gray-600](#background_color) | | `bg_gray_700` | [bg-gray-700](#background_color) | | `bg_gray_800` | [bg-gray-800](#background_color) | | `bg_gray_900` | [bg-gray-900](#background_color) | | `bg_gray_950` | [bg-gray-950](#background_color) | | `bg_green_100` | [bg-green-100](#background_color) | | `bg_green_200` | [bg-green-200](#background_color) | | `bg_green_300` | [bg-green-300](#background_color) | | `bg_green_400` | [bg-green-400](#background_color) | | `bg_green_50` | [bg-green-50](#background_color) | | `bg_green_500` | [bg-green-500](#background_color) | | `bg_green_600` | [bg-green-600](#background_color) | | `bg_green_700` | [bg-green-700](#background_color) | | `bg_green_800` | [bg-green-800](#background_color) | | `bg_green_900` | [bg-green-900](#background_color) | | `bg_green_950` | [bg-green-950](#background_color) | | `bg_indigo_100` | [bg-indigo-100](#background_color) | | `bg_indigo_200` | [bg-indigo-200](#background_color) | | `bg_indigo_300` | [bg-indigo-300](#background_color) | | `bg_indigo_400` | [bg-indigo-400](#background_color) | | `bg_indigo_50` | [bg-indigo-50](#background_color) | | `bg_indigo_500` | [bg-indigo-500](#background_color) | | `bg_indigo_600` | [bg-indigo-600](#background_color) | | `bg_indigo_700` | [bg-indigo-700](#background_color) | | `bg_indigo_800` | [bg-indigo-800](#background_color) | | `bg_indigo_900` | [bg-indigo-900](#background_color) | | `bg_indigo_950` | [bg-indigo-950](#background_color) | | `bg_inherit` | [bg-inherit](#background_color) | | `bg_lime_100` | [bg-lime-100](#background_color) | | `bg_lime_200` | [bg-lime-200](#background_color) | | `bg_lime_300` | [bg-lime-300](#background_color) | | `bg_lime_400` | [bg-lime-400](#background_color) | | `bg_lime_50` | [bg-lime-50](#background_color) | | `bg_lime_500` | [bg-lime-500](#background_color) | | `bg_lime_600` | [bg-lime-600](#background_color) | | `bg_lime_700` | [bg-lime-700](#background_color) | | `bg_lime_800` | [bg-lime-800](#background_color) | | `bg_lime_900` | [bg-lime-900](#background_color) | | `bg_lime_950` | [bg-lime-950](#background_color) | | `bg_neutral_100` | [bg-neutral-100](#background_color) | | `bg_neutral_200` | [bg-neutral-200](#background_color) | | `bg_neutral_300` | [bg-neutral-300](#background_color) | | `bg_neutral_400` | [bg-neutral-400](#background_color) | | `bg_neutral_50` | [bg-neutral-50](#background_color) | | `bg_neutral_500` | [bg-neutral-500](#background_color) | | `bg_neutral_600` | [bg-neutral-600](#background_color) | | `bg_neutral_700` | [bg-neutral-700](#background_color) | | `bg_neutral_800` | [bg-neutral-800](#background_color) | | `bg_neutral_900` | [bg-neutral-900](#background_color) | | `bg_neutral_950` | [bg-neutral-950](#background_color) | | `bg_orange_100` | [bg-orange-100](#background_color) | | `bg_orange_200` | [bg-orange-200](#background_color) | | `bg_orange_300` | [bg-orange-300](#background_color) | | `bg_orange_400` | [bg-orange-400](#background_color) | | `bg_orange_50` | [bg-orange-50](#background_color) | | `bg_orange_500` | [bg-orange-500](#background_color) | | `bg_orange_600` | [bg-orange-600](#background_color) | | `bg_orange_700` | [bg-orange-700](#background_color) | | `bg_orange_800` | [bg-orange-800](#background_color) | | `bg_orange_900` | [bg-orange-900](#background_color) | | `bg_orange_950` | [bg-orange-950](#background_color) | | `bg_pink_100` | [bg-pink-100](#background_color) | | `bg_pink_200` | [bg-pink-200](#background_color) | | `bg_pink_300` | [bg-pink-300](#background_color) | | `bg_pink_400` | [bg-pink-400](#background_color) | | `bg_pink_50` | [bg-pink-50](#background_color) | | `bg_pink_500` | [bg-pink-500](#background_color) | | `bg_pink_600` | [bg-pink-600](#background_color) | | `bg_pink_700` | [bg-pink-700](#background_color) | | `bg_pink_800` | [bg-pink-800](#background_color) | | `bg_pink_900` | [bg-pink-900](#background_color) | | `bg_pink_950` | [bg-pink-950](#background_color) | | `bg_purple_100` | [bg-purple-100](#background_color) | | `bg_purple_200` | [bg-purple-200](#background_color) | | `bg_purple_300` | [bg-purple-300](#background_color) | | `bg_purple_400` | [bg-purple-400](#background_color) | | `bg_purple_50` | [bg-purple-50](#background_color) | | `bg_purple_500` | [bg-purple-500](#background_color) | | `bg_purple_600` | [bg-purple-600](#background_color) | | `bg_purple_700` | [bg-purple-700](#background_color) | | `bg_purple_800` | [bg-purple-800](#background_color) | | `bg_purple_900` | [bg-purple-900](#background_color) | | `bg_purple_950` | [bg-purple-950](#background_color) | | `bg_red_100` | [bg-red-100](#background_color) | | `bg_red_200` | [bg-red-200](#background_color) | | `bg_red_300` | [bg-red-300](#background_color) | | `bg_red_400` | [bg-red-400](#background_color) | | `bg_red_50` | [bg-red-50](#background_color) | | `bg_red_500` | [bg-red-500](#background_color) | | `bg_red_600` | [bg-red-600](#background_color) | | `bg_red_700` | [bg-red-700](#background_color) | | `bg_red_800` | [bg-red-800](#background_color) | | `bg_red_900` | [bg-red-900](#background_color) | | `bg_red_950` | [bg-red-950](#background_color) | | `bg_rose_100` | [bg-rose-100](#background_color) | | `bg_rose_200` | [bg-rose-200](#background_color) | | `bg_rose_300` | [bg-rose-300](#background_color) | | `bg_rose_400` | [bg-rose-400](#background_color) | | `bg_rose_50` | [bg-rose-50](#background_color) | | `bg_rose_500` | [bg-rose-500](#background_color) | | `bg_rose_600` | [bg-rose-600](#background_color) | | `bg_rose_700` | [bg-rose-700](#background_color) | | `bg_rose_800` | [bg-rose-800](#background_color) | | `bg_rose_900` | [bg-rose-900](#background_color) | | `bg_rose_950` | [bg-rose-950](#background_color) | | `bg_sky_100` | [bg-sky-100](#background_color) | | `bg_sky_200` | [bg-sky-200](#background_color) | | `bg_sky_300` | [bg-sky-300](#background_color) | | `bg_sky_400` | [bg-sky-400](#background_color) | | `bg_sky_50` | [bg-sky-50](#background_color) | | `bg_sky_500` | [bg-sky-500](#background_color) | | `bg_sky_600` | [bg-sky-600](#background_color) | | `bg_sky_700` | [bg-sky-700](#background_color) | | `bg_sky_800` | [bg-sky-800](#background_color) | | `bg_sky_900` | [bg-sky-900](#background_color) | | `bg_sky_950` | [bg-sky-950](#background_color) | | `bg_slate_100` | [bg-slate-100](#background_color) | | `bg_slate_200` | [bg-slate-200](#background_color) | | `bg_slate_300` | [bg-slate-300](#background_color) | | `bg_slate_400` | [bg-slate-400](#background_color) | | `bg_slate_50` | [bg-slate-50](#background_color) | | `bg_slate_500` | [bg-slate-500](#background_color) | | `bg_slate_600` | [bg-slate-600](#background_color) | | `bg_slate_700` | [bg-slate-700](#background_color) | | `bg_slate_800` | [bg-slate-800](#background_color) | | `bg_slate_900` | [bg-slate-900](#background_color) | | `bg_slate_950` | [bg-slate-950](#background_color) | | `bg_stone_100` | [bg-stone-100](#background_color) | | `bg_stone_200` | [bg-stone-200](#background_color) | | `bg_stone_300` | [bg-stone-300](#background_color) | | `bg_stone_400` | [bg-stone-400](#background_color) | | `bg_stone_50` | [bg-stone-50](#background_color) | | `bg_stone_500` | [bg-stone-500](#background_color) | | `bg_stone_600` | [bg-stone-600](#background_color) | | `bg_stone_700` | [bg-stone-700](#background_color) | | `bg_stone_800` | [bg-stone-800](#background_color) | | `bg_stone_900` | [bg-stone-900](#background_color) | | `bg_stone_950` | [bg-stone-950](#background_color) | | `bg_teal_100` | [bg-teal-100](#background_color) | | `bg_teal_200` | [bg-teal-200](#background_color) | | `bg_teal_300` | [bg-teal-300](#background_color) | | `bg_teal_400` | [bg-teal-400](#background_color) | | `bg_teal_50` | [bg-teal-50](#background_color) | | `bg_teal_500` | [bg-teal-500](#background_color) | | `bg_teal_600` | [bg-teal-600](#background_color) | | `bg_teal_700` | [bg-teal-700](#background_color) | | `bg_teal_800` | [bg-teal-800](#background_color) | | `bg_teal_900` | [bg-teal-900](#background_color) | | `bg_teal_950` | [bg-teal-950](#background_color) | | `bg_transparent` | [bg-transparent](#background_color) | | `bg_violet_100` | [bg-violet-100](#background_color) | | `bg_violet_200` | [bg-violet-200](#background_color) | | `bg_violet_300` | [bg-violet-300](#background_color) | | `bg_violet_400` | [bg-violet-400](#background_color) | | `bg_violet_50` | [bg-violet-50](#background_color) | | `bg_violet_500` | [bg-violet-500](#background_color) | | `bg_violet_600` | [bg-violet-600](#background_color) | | `bg_violet_700` | [bg-violet-700](#background_color) | | `bg_violet_800` | [bg-violet-800](#background_color) | | `bg_violet_900` | [bg-violet-900](#background_color) | | `bg_violet_950` | [bg-violet-950](#background_color) | | `bg_white` | [bg-white](#background_color) | | `bg_yellow_100` | [bg-yellow-100](#background_color) | | `bg_yellow_200` | [bg-yellow-200](#background_color) | | `bg_yellow_300` | [bg-yellow-300](#background_color) | | `bg_yellow_400` | [bg-yellow-400](#background_color) | | `bg_yellow_50` | [bg-yellow-50](#background_color) | | `bg_yellow_500` | [bg-yellow-500](#background_color) | | `bg_yellow_600` | [bg-yellow-600](#background_color) | | `bg_yellow_700` | [bg-yellow-700](#background_color) | | `bg_yellow_800` | [bg-yellow-800](#background_color) | | `bg_yellow_900` | [bg-yellow-900](#background_color) | | `bg_yellow_950` | [bg-yellow-950](#background_color) | | `bg_zinc_100` | [bg-zinc-100](#background_color) | | `bg_zinc_200` | [bg-zinc-200](#background_color) | | `bg_zinc_300` | [bg-zinc-300](#background_color) | | `bg_zinc_400` | [bg-zinc-400](#background_color) | | `bg_zinc_50` | [bg-zinc-50](#background_color) | | `bg_zinc_500` | [bg-zinc-500](#background_color) | | `bg_zinc_600` | [bg-zinc-600](#background_color) | | `bg_zinc_700` | [bg-zinc-700](#background_color) | | `bg_zinc_800` | [bg-zinc-800](#background_color) | | `bg_zinc_900` | [bg-zinc-900](#background_color) | | `bg_zinc_950` | [bg-zinc-950](#background_color) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `bg_arbitrary`, `bg_arb` | [bg-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_amber_arbitrary`, `bg_amber_arb` | [bg-amber-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_blue_arbitrary`, `bg_blue_arb` | [bg-blue-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_cyan_arbitrary`, `bg_cyan_arb` | [bg-cyan-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_emerald_arbitrary`, `bg_emerald_arb` | [bg-emerald-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_fuchsia_arbitrary`, `bg_fuchsia_arb` | [bg-fuchsia-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_gray_arbitrary`, `bg_gray_arb` | [bg-gray-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_green_arbitrary`, `bg_green_arb` | [bg-green-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_indigo_arbitrary`, `bg_indigo_arb` | [bg-indigo-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_lime_arbitrary`, `bg_lime_arb` | [bg-lime-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_neutral_arbitrary`, `bg_neutral_arb` | [bg-neutral-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_orange_arbitrary`, `bg_orange_arb` | [bg-orange-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_pink_arbitrary`, `bg_pink_arb` | [bg-pink-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_purple_arbitrary`, `bg_purple_arb` | [bg-purple-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_red_arbitrary`, `bg_red_arb` | [bg-red-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_rose_arbitrary`, `bg_rose_arb` | [bg-rose-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_sky_arbitrary`, `bg_sky_arb` | [bg-sky-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_slate_arbitrary`, `bg_slate_arb` | [bg-slate-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_stone_arbitrary`, `bg_stone_arb` | [bg-stone-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_teal_arbitrary`, `bg_teal_arb` | [bg-teal-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_violet_arbitrary`, `bg_violet_arb` | [bg-violet-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_yellow_arbitrary`, `bg_yellow_arb` | [bg-yellow-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | | `bg_zinc_arbitrary`, `bg_zinc_arb` | [bg-zinc-[…]](#https://tailwindcss.com/docs/background-color#arbitrary-values) | ## Background Image Utilities for controlling an element's background image. ### Group | TailwindJS token | | ----- | | `background_image_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `bg_gradient_to_b` | [bg-gradient-to-b](#background_image) | | `bg_gradient_to_bl` | [bg-gradient-to-bl](#background_image) | | `bg_gradient_to_br` | [bg-gradient-to-br](#background_image) | | `bg_gradient_to_l` | [bg-gradient-to-l](#background_image) | | `bg_gradient_to_r` | [bg-gradient-to-r](#background_image) | | `bg_gradient_to_t` | [bg-gradient-to-t](#background_image) | | `bg_gradient_to_tl` | [bg-gradient-to-tl](#background_image) | | `bg_gradient_to_tr` | [bg-gradient-to-tr](#background_image) | | `bg_none` | [bg-none](#background_image) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `bg_gradient_to_arbitrary`, `bg_gradient_to_arb` | [bg-gradient-to-[…]](#https://tailwindcss.com/docs/background-image#arbitrary-values) | ## Background Origin Utilities for controlling how an element's background is positioned relative to borders, padding, and content. ### Group | TailwindJS token | | ----- | | `background_origin_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `bg_origin_border` | [bg-origin-border](#background_origin) | | `bg_origin_content` | [bg-origin-content](#background_origin) | | `bg_origin_padding` | [bg-origin-padding](#background_origin) | ## Background Position Utilities for controlling the position of an element's background image. ### Group | TailwindJS token | | ----- | | `background_position_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `bg_bottom` | [bg-bottom](#background_position) | | `bg_center` | [bg-center](#background_position) | | `bg_left` | [bg-left](#background_position) | | `bg_left_bottom` | [bg-left-bottom](#background_position) | | `bg_left_top` | [bg-left-top](#background_position) | | `bg_right` | [bg-right](#background_position) | | `bg_right_bottom` | [bg-right-bottom](#background_position) | | `bg_right_top` | [bg-right-top](#background_position) | | `bg_top` | [bg-top](#background_position) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `bg_left_arbitrary`, `bg_left_arb` | [bg-left-[…]](#https://tailwindcss.com/docs/background-position#arbitrary-values) | | `bg_right_arbitrary`, `bg_right_arb` | [bg-right-[…]](#https://tailwindcss.com/docs/background-position#arbitrary-values) | ## Background Repeat Utilities for controlling the repetition of an element's background image. ### Group | TailwindJS token | | ----- | | `background_repeat_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `bg_no_repeat` | [bg-no-repeat](#background_repeat) | | `bg_repeat` | [bg-repeat](#background_repeat) | | `bg_repeat_round` | [bg-repeat-round](#background_repeat) | | `bg_repeat_space` | [bg-repeat-space](#background_repeat) | | `bg_repeat_x` | [bg-repeat-x](#background_repeat) | | `bg_repeat_y` | [bg-repeat-y](#background_repeat) | ## Background Size Utilities for controlling the background size of an element's background image. ### Group | TailwindJS token | | ----- | | `background_size_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `bg_auto` | [bg-auto](#background_size) | | `bg_contain` | [bg-contain](#background_size) | | `bg_cover` | [bg-cover](#background_size) | ## Gradient Color Stops Utilities for controlling the color stops in background gradients. ### Group | TailwindJS token | | ----- | | `gradient_color_stops_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `from_0_pc` | [from-0%](#gradient_color_stops) | | `from_100_pc` | [from-100%](#gradient_color_stops) | | `from_10_pc` | [from-10%](#gradient_color_stops) | | `from_15_pc` | [from-15%](#gradient_color_stops) | | `from_20_pc` | [from-20%](#gradient_color_stops) | | `from_25_pc` | [from-25%](#gradient_color_stops) | | `from_30_pc` | [from-30%](#gradient_color_stops) | | `from_35_pc` | [from-35%](#gradient_color_stops) | | `from_40_pc` | [from-40%](#gradient_color_stops) | | `from_45_pc` | [from-45%](#gradient_color_stops) | | `from_50_pc` | [from-50%](#gradient_color_stops) | | `from_55_pc` | [from-55%](#gradient_color_stops) | | `from_5_pc` | [from-5%](#gradient_color_stops) | | `from_60_pc` | [from-60%](#gradient_color_stops) | | `from_65_pc` | [from-65%](#gradient_color_stops) | | `from_70_pc` | [from-70%](#gradient_color_stops) | | `from_75_pc` | [from-75%](#gradient_color_stops) | | `from_80_pc` | [from-80%](#gradient_color_stops) | | `from_85_pc` | [from-85%](#gradient_color_stops) | | `from_90_pc` | [from-90%](#gradient_color_stops) | | `from_95_pc` | [from-95%](#gradient_color_stops) | | `from_amber_100` | [from-amber-100](#gradient_color_stops) | | `from_amber_200` | [from-amber-200](#gradient_color_stops) | | `from_amber_300` | [from-amber-300](#gradient_color_stops) | | `from_amber_400` | [from-amber-400](#gradient_color_stops) | | `from_amber_50` | [from-amber-50](#gradient_color_stops) | | `from_amber_500` | [from-amber-500](#gradient_color_stops) | | `from_amber_600` | [from-amber-600](#gradient_color_stops) | | `from_amber_700` | [from-amber-700](#gradient_color_stops) | | `from_amber_800` | [from-amber-800](#gradient_color_stops) | | `from_amber_900` | [from-amber-900](#gradient_color_stops) | | `from_amber_950` | [from-amber-950](#gradient_color_stops) | | `from_black` | [from-black](#gradient_color_stops) | | `from_blue_100` | [from-blue-100](#gradient_color_stops) | | `from_blue_200` | [from-blue-200](#gradient_color_stops) | | `from_blue_300` | [from-blue-300](#gradient_color_stops) | | `from_blue_400` | [from-blue-400](#gradient_color_stops) | | `from_blue_50` | [from-blue-50](#gradient_color_stops) | | `from_blue_500` | [from-blue-500](#gradient_color_stops) | | `from_blue_600` | [from-blue-600](#gradient_color_stops) | | `from_blue_700` | [from-blue-700](#gradient_color_stops) | | `from_blue_800` | [from-blue-800](#gradient_color_stops) | | `from_blue_900` | [from-blue-900](#gradient_color_stops) | | `from_blue_950` | [from-blue-950](#gradient_color_stops) | | `from_current` | [from-current](#gradient_color_stops) | | `from_cyan_100` | [from-cyan-100](#gradient_color_stops) | | `from_cyan_200` | [from-cyan-200](#gradient_color_stops) | | `from_cyan_300` | [from-cyan-300](#gradient_color_stops) | | `from_cyan_400` | [from-cyan-400](#gradient_color_stops) | | `from_cyan_50` | [from-cyan-50](#gradient_color_stops) | | `from_cyan_500` | [from-cyan-500](#gradient_color_stops) | | `from_cyan_600` | [from-cyan-600](#gradient_color_stops) | | `from_cyan_700` | [from-cyan-700](#gradient_color_stops) | | `from_cyan_800` | [from-cyan-800](#gradient_color_stops) | | `from_cyan_900` | [from-cyan-900](#gradient_color_stops) | | `from_cyan_950` | [from-cyan-950](#gradient_color_stops) | | `from_emerald_100` | [from-emerald-100](#gradient_color_stops) | | `from_emerald_200` | [from-emerald-200](#gradient_color_stops) | | `from_emerald_300` | [from-emerald-300](#gradient_color_stops) | | `from_emerald_400` | [from-emerald-400](#gradient_color_stops) | | `from_emerald_50` | [from-emerald-50](#gradient_color_stops) | | `from_emerald_500` | [from-emerald-500](#gradient_color_stops) | | `from_emerald_600` | [from-emerald-600](#gradient_color_stops) | | `from_emerald_700` | [from-emerald-700](#gradient_color_stops) | | `from_emerald_800` | [from-emerald-800](#gradient_color_stops) | | `from_emerald_900` | [from-emerald-900](#gradient_color_stops) | | `from_emerald_950` | [from-emerald-950](#gradient_color_stops) | | `from_fuchsia_100` | [from-fuchsia-100](#gradient_color_stops) | | `from_fuchsia_200` | [from-fuchsia-200](#gradient_color_stops) | | `from_fuchsia_300` | [from-fuchsia-300](#gradient_color_stops) | | `from_fuchsia_400` | [from-fuchsia-400](#gradient_color_stops) | | `from_fuchsia_50` | [from-fuchsia-50](#gradient_color_stops) | | `from_fuchsia_500` | [from-fuchsia-500](#gradient_color_stops) | | `from_fuchsia_600` | [from-fuchsia-600](#gradient_color_stops) | | `from_fuchsia_700` | [from-fuchsia-700](#gradient_color_stops) | | `from_fuchsia_800` | [from-fuchsia-800](#gradient_color_stops) | | `from_fuchsia_900` | [from-fuchsia-900](#gradient_color_stops) | | `from_fuchsia_950` | [from-fuchsia-950](#gradient_color_stops) | | `from_gray_100` | [from-gray-100](#gradient_color_stops) | | `from_gray_200` | [from-gray-200](#gradient_color_stops) | | `from_gray_300` | [from-gray-300](#gradient_color_stops) | | `from_gray_400` | [from-gray-400](#gradient_color_stops) | | `from_gray_50` | [from-gray-50](#gradient_color_stops) | | `from_gray_500` | [from-gray-500](#gradient_color_stops) | | `from_gray_600` | [from-gray-600](#gradient_color_stops) | | `from_gray_700` | [from-gray-700](#gradient_color_stops) | | `from_gray_800` | [from-gray-800](#gradient_color_stops) | | `from_gray_900` | [from-gray-900](#gradient_color_stops) | | `from_gray_950` | [from-gray-950](#gradient_color_stops) | | `from_green_100` | [from-green-100](#gradient_color_stops) | | `from_green_200` | [from-green-200](#gradient_color_stops) | | `from_green_300` | [from-green-300](#gradient_color_stops) | | `from_green_400` | [from-green-400](#gradient_color_stops) | | `from_green_50` | [from-green-50](#gradient_color_stops) | | `from_green_500` | [from-green-500](#gradient_color_stops) | | `from_green_600` | [from-green-600](#gradient_color_stops) | | `from_green_700` | [from-green-700](#gradient_color_stops) | | `from_green_800` | [from-green-800](#gradient_color_stops) | | `from_green_900` | [from-green-900](#gradient_color_stops) | | `from_green_950` | [from-green-950](#gradient_color_stops) | | `from_indigo_100` | [from-indigo-100](#gradient_color_stops) | | `from_indigo_200` | [from-indigo-200](#gradient_color_stops) | | `from_indigo_300` | [from-indigo-300](#gradient_color_stops) | | `from_indigo_400` | [from-indigo-400](#gradient_color_stops) | | `from_indigo_50` | [from-indigo-50](#gradient_color_stops) | | `from_indigo_500` | [from-indigo-500](#gradient_color_stops) | | `from_indigo_600` | [from-indigo-600](#gradient_color_stops) | | `from_indigo_700` | [from-indigo-700](#gradient_color_stops) | | `from_indigo_800` | [from-indigo-800](#gradient_color_stops) | | `from_indigo_900` | [from-indigo-900](#gradient_color_stops) | | `from_indigo_950` | [from-indigo-950](#gradient_color_stops) | | `from_inherit` | [from-inherit](#gradient_color_stops) | | `from_lime_100` | [from-lime-100](#gradient_color_stops) | | `from_lime_200` | [from-lime-200](#gradient_color_stops) | | `from_lime_300` | [from-lime-300](#gradient_color_stops) | | `from_lime_400` | [from-lime-400](#gradient_color_stops) | | `from_lime_50` | [from-lime-50](#gradient_color_stops) | | `from_lime_500` | [from-lime-500](#gradient_color_stops) | | `from_lime_600` | [from-lime-600](#gradient_color_stops) | | `from_lime_700` | [from-lime-700](#gradient_color_stops) | | `from_lime_800` | [from-lime-800](#gradient_color_stops) | | `from_lime_900` | [from-lime-900](#gradient_color_stops) | | `from_lime_950` | [from-lime-950](#gradient_color_stops) | | `from_neutral_100` | [from-neutral-100](#gradient_color_stops) | | `from_neutral_200` | [from-neutral-200](#gradient_color_stops) | | `from_neutral_300` | [from-neutral-300](#gradient_color_stops) | | `from_neutral_400` | [from-neutral-400](#gradient_color_stops) | | `from_neutral_50` | [from-neutral-50](#gradient_color_stops) | | `from_neutral_500` | [from-neutral-500](#gradient_color_stops) | | `from_neutral_600` | [from-neutral-600](#gradient_color_stops) | | `from_neutral_700` | [from-neutral-700](#gradient_color_stops) | | `from_neutral_800` | [from-neutral-800](#gradient_color_stops) | | `from_neutral_900` | [from-neutral-900](#gradient_color_stops) | | `from_neutral_950` | [from-neutral-950](#gradient_color_stops) | | `from_orange_100` | [from-orange-100](#gradient_color_stops) | | `from_orange_200` | [from-orange-200](#gradient_color_stops) | | `from_orange_300` | [from-orange-300](#gradient_color_stops) | | `from_orange_400` | [from-orange-400](#gradient_color_stops) | | `from_orange_50` | [from-orange-50](#gradient_color_stops) | | `from_orange_500` | [from-orange-500](#gradient_color_stops) | | `from_orange_600` | [from-orange-600](#gradient_color_stops) | | `from_orange_700` | [from-orange-700](#gradient_color_stops) | | `from_orange_800` | [from-orange-800](#gradient_color_stops) | | `from_orange_900` | [from-orange-900](#gradient_color_stops) | | `from_orange_950` | [from-orange-950](#gradient_color_stops) | | `from_pink_100` | [from-pink-100](#gradient_color_stops) | | `from_pink_200` | [from-pink-200](#gradient_color_stops) | | `from_pink_300` | [from-pink-300](#gradient_color_stops) | | `from_pink_400` | [from-pink-400](#gradient_color_stops) | | `from_pink_50` | [from-pink-50](#gradient_color_stops) | | `from_pink_500` | [from-pink-500](#gradient_color_stops) | | `from_pink_600` | [from-pink-600](#gradient_color_stops) | | `from_pink_700` | [from-pink-700](#gradient_color_stops) | | `from_pink_800` | [from-pink-800](#gradient_color_stops) | | `from_pink_900` | [from-pink-900](#gradient_color_stops) | | `from_pink_950` | [from-pink-950](#gradient_color_stops) | | `from_purple_100` | [from-purple-100](#gradient_color_stops) | | `from_purple_200` | [from-purple-200](#gradient_color_stops) | | `from_purple_300` | [from-purple-300](#gradient_color_stops) | | `from_purple_400` | [from-purple-400](#gradient_color_stops) | | `from_purple_50` | [from-purple-50](#gradient_color_stops) | | `from_purple_500` | [from-purple-500](#gradient_color_stops) | | `from_purple_600` | [from-purple-600](#gradient_color_stops) | | `from_purple_700` | [from-purple-700](#gradient_color_stops) | | `from_purple_800` | [from-purple-800](#gradient_color_stops) | | `from_purple_900` | [from-purple-900](#gradient_color_stops) | | `from_purple_950` | [from-purple-950](#gradient_color_stops) | | `from_red_100` | [from-red-100](#gradient_color_stops) | | `from_red_200` | [from-red-200](#gradient_color_stops) | | `from_red_300` | [from-red-300](#gradient_color_stops) | | `from_red_400` | [from-red-400](#gradient_color_stops) | | `from_red_50` | [from-red-50](#gradient_color_stops) | | `from_red_500` | [from-red-500](#gradient_color_stops) | | `from_red_600` | [from-red-600](#gradient_color_stops) | | `from_red_700` | [from-red-700](#gradient_color_stops) | | `from_red_800` | [from-red-800](#gradient_color_stops) | | `from_red_900` | [from-red-900](#gradient_color_stops) | | `from_red_950` | [from-red-950](#gradient_color_stops) | | `from_rose_100` | [from-rose-100](#gradient_color_stops) | | `from_rose_200` | [from-rose-200](#gradient_color_stops) | | `from_rose_300` | [from-rose-300](#gradient_color_stops) | | `from_rose_400` | [from-rose-400](#gradient_color_stops) | | `from_rose_50` | [from-rose-50](#gradient_color_stops) | | `from_rose_500` | [from-rose-500](#gradient_color_stops) | | `from_rose_600` | [from-rose-600](#gradient_color_stops) | | `from_rose_700` | [from-rose-700](#gradient_color_stops) | | `from_rose_800` | [from-rose-800](#gradient_color_stops) | | `from_rose_900` | [from-rose-900](#gradient_color_stops) | | `from_rose_950` | [from-rose-950](#gradient_color_stops) | | `from_sky_100` | [from-sky-100](#gradient_color_stops) | | `from_sky_200` | [from-sky-200](#gradient_color_stops) | | `from_sky_300` | [from-sky-300](#gradient_color_stops) | | `from_sky_400` | [from-sky-400](#gradient_color_stops) | | `from_sky_50` | [from-sky-50](#gradient_color_stops) | | `from_sky_500` | [from-sky-500](#gradient_color_stops) | | `from_sky_600` | [from-sky-600](#gradient_color_stops) | | `from_sky_700` | [from-sky-700](#gradient_color_stops) | | `from_sky_800` | [from-sky-800](#gradient_color_stops) | | `from_sky_900` | [from-sky-900](#gradient_color_stops) | | `from_sky_950` | [from-sky-950](#gradient_color_stops) | | `from_slate_100` | [from-slate-100](#gradient_color_stops) | | `from_slate_200` | [from-slate-200](#gradient_color_stops) | | `from_slate_300` | [from-slate-300](#gradient_color_stops) | | `from_slate_400` | [from-slate-400](#gradient_color_stops) | | `from_slate_50` | [from-slate-50](#gradient_color_stops) | | `from_slate_500` | [from-slate-500](#gradient_color_stops) | | `from_slate_600` | [from-slate-600](#gradient_color_stops) | | `from_slate_700` | [from-slate-700](#gradient_color_stops) | | `from_slate_800` | [from-slate-800](#gradient_color_stops) | | `from_slate_900` | [from-slate-900](#gradient_color_stops) | | `from_slate_950` | [from-slate-950](#gradient_color_stops) | | `from_stone_100` | [from-stone-100](#gradient_color_stops) | | `from_stone_200` | [from-stone-200](#gradient_color_stops) | | `from_stone_300` | [from-stone-300](#gradient_color_stops) | | `from_stone_400` | [from-stone-400](#gradient_color_stops) | | `from_stone_50` | [from-stone-50](#gradient_color_stops) | | `from_stone_500` | [from-stone-500](#gradient_color_stops) | | `from_stone_600` | [from-stone-600](#gradient_color_stops) | | `from_stone_700` | [from-stone-700](#gradient_color_stops) | | `from_stone_800` | [from-stone-800](#gradient_color_stops) | | `from_stone_900` | [from-stone-900](#gradient_color_stops) | | `from_stone_950` | [from-stone-950](#gradient_color_stops) | | `from_teal_100` | [from-teal-100](#gradient_color_stops) | | `from_teal_200` | [from-teal-200](#gradient_color_stops) | | `from_teal_300` | [from-teal-300](#gradient_color_stops) | | `from_teal_400` | [from-teal-400](#gradient_color_stops) | | `from_teal_50` | [from-teal-50](#gradient_color_stops) | | `from_teal_500` | [from-teal-500](#gradient_color_stops) | | `from_teal_600` | [from-teal-600](#gradient_color_stops) | | `from_teal_700` | [from-teal-700](#gradient_color_stops) | | `from_teal_800` | [from-teal-800](#gradient_color_stops) | | `from_teal_900` | [from-teal-900](#gradient_color_stops) | | `from_teal_950` | [from-teal-950](#gradient_color_stops) | | `from_transparent` | [from-transparent](#gradient_color_stops) | | `from_violet_100` | [from-violet-100](#gradient_color_stops) | | `from_violet_200` | [from-violet-200](#gradient_color_stops) | | `from_violet_300` | [from-violet-300](#gradient_color_stops) | | `from_violet_400` | [from-violet-400](#gradient_color_stops) | | `from_violet_50` | [from-violet-50](#gradient_color_stops) | | `from_violet_500` | [from-violet-500](#gradient_color_stops) | | `from_violet_600` | [from-violet-600](#gradient_color_stops) | | `from_violet_700` | [from-violet-700](#gradient_color_stops) | | `from_violet_800` | [from-violet-800](#gradient_color_stops) | | `from_violet_900` | [from-violet-900](#gradient_color_stops) | | `from_violet_950` | [from-violet-950](#gradient_color_stops) | | `from_white` | [from-white](#gradient_color_stops) | | `from_yellow_100` | [from-yellow-100](#gradient_color_stops) | | `from_yellow_200` | [from-yellow-200](#gradient_color_stops) | | `from_yellow_300` | [from-yellow-300](#gradient_color_stops) | | `from_yellow_400` | [from-yellow-400](#gradient_color_stops) | | `from_yellow_50` | [from-yellow-50](#gradient_color_stops) | | `from_yellow_500` | [from-yellow-500](#gradient_color_stops) | | `from_yellow_600` | [from-yellow-600](#gradient_color_stops) | | `from_yellow_700` | [from-yellow-700](#gradient_color_stops) | | `from_yellow_800` | [from-yellow-800](#gradient_color_stops) | | `from_yellow_900` | [from-yellow-900](#gradient_color_stops) | | `from_yellow_950` | [from-yellow-950](#gradient_color_stops) | | `from_zinc_100` | [from-zinc-100](#gradient_color_stops) | | `from_zinc_200` | [from-zinc-200](#gradient_color_stops) | | `from_zinc_300` | [from-zinc-300](#gradient_color_stops) | | `from_zinc_400` | [from-zinc-400](#gradient_color_stops) | | `from_zinc_50` | [from-zinc-50](#gradient_color_stops) | | `from_zinc_500` | [from-zinc-500](#gradient_color_stops) | | `from_zinc_600` | [from-zinc-600](#gradient_color_stops) | | `from_zinc_700` | [from-zinc-700](#gradient_color_stops) | | `from_zinc_800` | [from-zinc-800](#gradient_color_stops) | | `from_zinc_900` | [from-zinc-900](#gradient_color_stops) | | `from_zinc_950` | [from-zinc-950](#gradient_color_stops) | | `to_0_pc` | [to-0%](#gradient_color_stops) | | `to_100_pc` | [to-100%](#gradient_color_stops) | | `to_10_pc` | [to-10%](#gradient_color_stops) | | `to_15_pc` | [to-15%](#gradient_color_stops) | | `to_20_pc` | [to-20%](#gradient_color_stops) | | `to_25_pc` | [to-25%](#gradient_color_stops) | | `to_30_pc` | [to-30%](#gradient_color_stops) | | `to_35_pc` | [to-35%](#gradient_color_stops) | | `to_40_pc` | [to-40%](#gradient_color_stops) | | `to_45_pc` | [to-45%](#gradient_color_stops) | | `to_50_pc` | [to-50%](#gradient_color_stops) | | `to_55_pc` | [to-55%](#gradient_color_stops) | | `to_5_pc` | [to-5%](#gradient_color_stops) | | `to_60_pc` | [to-60%](#gradient_color_stops) | | `to_65_pc` | [to-65%](#gradient_color_stops) | | `to_70_pc` | [to-70%](#gradient_color_stops) | | `to_75_pc` | [to-75%](#gradient_color_stops) | | `to_80_pc` | [to-80%](#gradient_color_stops) | | `to_85_pc` | [to-85%](#gradient_color_stops) | | `to_90_pc` | [to-90%](#gradient_color_stops) | | `to_95_pc` | [to-95%](#gradient_color_stops) | | `to_amber_100` | [to-amber-100](#gradient_color_stops) | | `to_amber_200` | [to-amber-200](#gradient_color_stops) | | `to_amber_300` | [to-amber-300](#gradient_color_stops) | | `to_amber_400` | [to-amber-400](#gradient_color_stops) | | `to_amber_50` | [to-amber-50](#gradient_color_stops) | | `to_amber_500` | [to-amber-500](#gradient_color_stops) | | `to_amber_600` | [to-amber-600](#gradient_color_stops) | | `to_amber_700` | [to-amber-700](#gradient_color_stops) | | `to_amber_800` | [to-amber-800](#gradient_color_stops) | | `to_amber_900` | [to-amber-900](#gradient_color_stops) | | `to_amber_950` | [to-amber-950](#gradient_color_stops) | | `to_black` | [to-black](#gradient_color_stops) | | `to_blue_100` | [to-blue-100](#gradient_color_stops) | | `to_blue_200` | [to-blue-200](#gradient_color_stops) | | `to_blue_300` | [to-blue-300](#gradient_color_stops) | | `to_blue_400` | [to-blue-400](#gradient_color_stops) | | `to_blue_50` | [to-blue-50](#gradient_color_stops) | | `to_blue_500` | [to-blue-500](#gradient_color_stops) | | `to_blue_600` | [to-blue-600](#gradient_color_stops) | | `to_blue_700` | [to-blue-700](#gradient_color_stops) | | `to_blue_800` | [to-blue-800](#gradient_color_stops) | | `to_blue_900` | [to-blue-900](#gradient_color_stops) | | `to_blue_950` | [to-blue-950](#gradient_color_stops) | | `to_current` | [to-current](#gradient_color_stops) | | `to_cyan_100` | [to-cyan-100](#gradient_color_stops) | | `to_cyan_200` | [to-cyan-200](#gradient_color_stops) | | `to_cyan_300` | [to-cyan-300](#gradient_color_stops) | | `to_cyan_400` | [to-cyan-400](#gradient_color_stops) | | `to_cyan_50` | [to-cyan-50](#gradient_color_stops) | | `to_cyan_500` | [to-cyan-500](#gradient_color_stops) | | `to_cyan_600` | [to-cyan-600](#gradient_color_stops) | | `to_cyan_700` | [to-cyan-700](#gradient_color_stops) | | `to_cyan_800` | [to-cyan-800](#gradient_color_stops) | | `to_cyan_900` | [to-cyan-900](#gradient_color_stops) | | `to_cyan_950` | [to-cyan-950](#gradient_color_stops) | | `to_emerald_100` | [to-emerald-100](#gradient_color_stops) | | `to_emerald_200` | [to-emerald-200](#gradient_color_stops) | | `to_emerald_300` | [to-emerald-300](#gradient_color_stops) | | `to_emerald_400` | [to-emerald-400](#gradient_color_stops) | | `to_emerald_50` | [to-emerald-50](#gradient_color_stops) | | `to_emerald_500` | [to-emerald-500](#gradient_color_stops) | | `to_emerald_600` | [to-emerald-600](#gradient_color_stops) | | `to_emerald_700` | [to-emerald-700](#gradient_color_stops) | | `to_emerald_800` | [to-emerald-800](#gradient_color_stops) | | `to_emerald_900` | [to-emerald-900](#gradient_color_stops) | | `to_emerald_950` | [to-emerald-950](#gradient_color_stops) | | `to_fuchsia_100` | [to-fuchsia-100](#gradient_color_stops) | | `to_fuchsia_200` | [to-fuchsia-200](#gradient_color_stops) | | `to_fuchsia_300` | [to-fuchsia-300](#gradient_color_stops) | | `to_fuchsia_400` | [to-fuchsia-400](#gradient_color_stops) | | `to_fuchsia_50` | [to-fuchsia-50](#gradient_color_stops) | | `to_fuchsia_500` | [to-fuchsia-500](#gradient_color_stops) | | `to_fuchsia_600` | [to-fuchsia-600](#gradient_color_stops) | | `to_fuchsia_700` | [to-fuchsia-700](#gradient_color_stops) | | `to_fuchsia_800` | [to-fuchsia-800](#gradient_color_stops) | | `to_fuchsia_900` | [to-fuchsia-900](#gradient_color_stops) | | `to_fuchsia_950` | [to-fuchsia-950](#gradient_color_stops) | | `to_gray_100` | [to-gray-100](#gradient_color_stops) | | `to_gray_200` | [to-gray-200](#gradient_color_stops) | | `to_gray_300` | [to-gray-300](#gradient_color_stops) | | `to_gray_400` | [to-gray-400](#gradient_color_stops) | | `to_gray_50` | [to-gray-50](#gradient_color_stops) | | `to_gray_500` | [to-gray-500](#gradient_color_stops) | | `to_gray_600` | [to-gray-600](#gradient_color_stops) | | `to_gray_700` | [to-gray-700](#gradient_color_stops) | | `to_gray_800` | [to-gray-800](#gradient_color_stops) | | `to_gray_900` | [to-gray-900](#gradient_color_stops) | | `to_gray_950` | [to-gray-950](#gradient_color_stops) | | `to_green_100` | [to-green-100](#gradient_color_stops) | | `to_green_200` | [to-green-200](#gradient_color_stops) | | `to_green_300` | [to-green-300](#gradient_color_stops) | | `to_green_400` | [to-green-400](#gradient_color_stops) | | `to_green_50` | [to-green-50](#gradient_color_stops) | | `to_green_500` | [to-green-500](#gradient_color_stops) | | `to_green_600` | [to-green-600](#gradient_color_stops) | | `to_green_700` | [to-green-700](#gradient_color_stops) | | `to_green_800` | [to-green-800](#gradient_color_stops) | | `to_green_900` | [to-green-900](#gradient_color_stops) | | `to_green_950` | [to-green-950](#gradient_color_stops) | | `to_indigo_100` | [to-indigo-100](#gradient_color_stops) | | `to_indigo_200` | [to-indigo-200](#gradient_color_stops) | | `to_indigo_300` | [to-indigo-300](#gradient_color_stops) | | `to_indigo_400` | [to-indigo-400](#gradient_color_stops) | | `to_indigo_50` | [to-indigo-50](#gradient_color_stops) | | `to_indigo_500` | [to-indigo-500](#gradient_color_stops) | | `to_indigo_600` | [to-indigo-600](#gradient_color_stops) | | `to_indigo_700` | [to-indigo-700](#gradient_color_stops) | | `to_indigo_800` | [to-indigo-800](#gradient_color_stops) | | `to_indigo_900` | [to-indigo-900](#gradient_color_stops) | | `to_indigo_950` | [to-indigo-950](#gradient_color_stops) | | `to_inherit` | [to-inherit](#gradient_color_stops) | | `to_lime_100` | [to-lime-100](#gradient_color_stops) | | `to_lime_200` | [to-lime-200](#gradient_color_stops) | | `to_lime_300` | [to-lime-300](#gradient_color_stops) | | `to_lime_400` | [to-lime-400](#gradient_color_stops) | | `to_lime_50` | [to-lime-50](#gradient_color_stops) | | `to_lime_500` | [to-lime-500](#gradient_color_stops) | | `to_lime_600` | [to-lime-600](#gradient_color_stops) | | `to_lime_700` | [to-lime-700](#gradient_color_stops) | | `to_lime_800` | [to-lime-800](#gradient_color_stops) | | `to_lime_900` | [to-lime-900](#gradient_color_stops) | | `to_lime_950` | [to-lime-950](#gradient_color_stops) | | `to_neutral_100` | [to-neutral-100](#gradient_color_stops) | | `to_neutral_200` | [to-neutral-200](#gradient_color_stops) | | `to_neutral_300` | [to-neutral-300](#gradient_color_stops) | | `to_neutral_400` | [to-neutral-400](#gradient_color_stops) | | `to_neutral_50` | [to-neutral-50](#gradient_color_stops) | | `to_neutral_500` | [to-neutral-500](#gradient_color_stops) | | `to_neutral_600` | [to-neutral-600](#gradient_color_stops) | | `to_neutral_700` | [to-neutral-700](#gradient_color_stops) | | `to_neutral_800` | [to-neutral-800](#gradient_color_stops) | | `to_neutral_900` | [to-neutral-900](#gradient_color_stops) | | `to_neutral_950` | [to-neutral-950](#gradient_color_stops) | | `to_orange_100` | [to-orange-100](#gradient_color_stops) | | `to_orange_200` | [to-orange-200](#gradient_color_stops) | | `to_orange_300` | [to-orange-300](#gradient_color_stops) | | `to_orange_400` | [to-orange-400](#gradient_color_stops) | | `to_orange_50` | [to-orange-50](#gradient_color_stops) | | `to_orange_500` | [to-orange-500](#gradient_color_stops) | | `to_orange_600` | [to-orange-600](#gradient_color_stops) | | `to_orange_700` | [to-orange-700](#gradient_color_stops) | | `to_orange_800` | [to-orange-800](#gradient_color_stops) | | `to_orange_900` | [to-orange-900](#gradient_color_stops) | | `to_orange_950` | [to-orange-950](#gradient_color_stops) | | `to_pink_100` | [to-pink-100](#gradient_color_stops) | | `to_pink_200` | [to-pink-200](#gradient_color_stops) | | `to_pink_300` | [to-pink-300](#gradient_color_stops) | | `to_pink_400` | [to-pink-400](#gradient_color_stops) | | `to_pink_50` | [to-pink-50](#gradient_color_stops) | | `to_pink_500` | [to-pink-500](#gradient_color_stops) | | `to_pink_600` | [to-pink-600](#gradient_color_stops) | | `to_pink_700` | [to-pink-700](#gradient_color_stops) | | `to_pink_800` | [to-pink-800](#gradient_color_stops) | | `to_pink_900` | [to-pink-900](#gradient_color_stops) | | `to_pink_950` | [to-pink-950](#gradient_color_stops) | | `to_purple_100` | [to-purple-100](#gradient_color_stops) | | `to_purple_200` | [to-purple-200](#gradient_color_stops) | | `to_purple_300` | [to-purple-300](#gradient_color_stops) | | `to_purple_400` | [to-purple-400](#gradient_color_stops) | | `to_purple_50` | [to-purple-50](#gradient_color_stops) | | `to_purple_500` | [to-purple-500](#gradient_color_stops) | | `to_purple_600` | [to-purple-600](#gradient_color_stops) | | `to_purple_700` | [to-purple-700](#gradient_color_stops) | | `to_purple_800` | [to-purple-800](#gradient_color_stops) | | `to_purple_900` | [to-purple-900](#gradient_color_stops) | | `to_purple_950` | [to-purple-950](#gradient_color_stops) | | `to_red_100` | [to-red-100](#gradient_color_stops) | | `to_red_200` | [to-red-200](#gradient_color_stops) | | `to_red_300` | [to-red-300](#gradient_color_stops) | | `to_red_400` | [to-red-400](#gradient_color_stops) | | `to_red_50` | [to-red-50](#gradient_color_stops) | | `to_red_500` | [to-red-500](#gradient_color_stops) | | `to_red_600` | [to-red-600](#gradient_color_stops) | | `to_red_700` | [to-red-700](#gradient_color_stops) | | `to_red_800` | [to-red-800](#gradient_color_stops) | | `to_red_900` | [to-red-900](#gradient_color_stops) | | `to_red_950` | [to-red-950](#gradient_color_stops) | | `to_rose_100` | [to-rose-100](#gradient_color_stops) | | `to_rose_200` | [to-rose-200](#gradient_color_stops) | | `to_rose_300` | [to-rose-300](#gradient_color_stops) | | `to_rose_400` | [to-rose-400](#gradient_color_stops) | | `to_rose_50` | [to-rose-50](#gradient_color_stops) | | `to_rose_500` | [to-rose-500](#gradient_color_stops) | | `to_rose_600` | [to-rose-600](#gradient_color_stops) | | `to_rose_700` | [to-rose-700](#gradient_color_stops) | | `to_rose_800` | [to-rose-800](#gradient_color_stops) | | `to_rose_900` | [to-rose-900](#gradient_color_stops) | | `to_rose_950` | [to-rose-950](#gradient_color_stops) | | `to_sky_100` | [to-sky-100](#gradient_color_stops) | | `to_sky_200` | [to-sky-200](#gradient_color_stops) | | `to_sky_300` | [to-sky-300](#gradient_color_stops) | | `to_sky_400` | [to-sky-400](#gradient_color_stops) | | `to_sky_50` | [to-sky-50](#gradient_color_stops) | | `to_sky_500` | [to-sky-500](#gradient_color_stops) | | `to_sky_600` | [to-sky-600](#gradient_color_stops) | | `to_sky_700` | [to-sky-700](#gradient_color_stops) | | `to_sky_800` | [to-sky-800](#gradient_color_stops) | | `to_sky_900` | [to-sky-900](#gradient_color_stops) | | `to_sky_950` | [to-sky-950](#gradient_color_stops) | | `to_slate_100` | [to-slate-100](#gradient_color_stops) | | `to_slate_200` | [to-slate-200](#gradient_color_stops) | | `to_slate_300` | [to-slate-300](#gradient_color_stops) | | `to_slate_400` | [to-slate-400](#gradient_color_stops) | | `to_slate_50` | [to-slate-50](#gradient_color_stops) | | `to_slate_500` | [to-slate-500](#gradient_color_stops) | | `to_slate_600` | [to-slate-600](#gradient_color_stops) | | `to_slate_700` | [to-slate-700](#gradient_color_stops) | | `to_slate_800` | [to-slate-800](#gradient_color_stops) | | `to_slate_900` | [to-slate-900](#gradient_color_stops) | | `to_slate_950` | [to-slate-950](#gradient_color_stops) | | `to_stone_100` | [to-stone-100](#gradient_color_stops) | | `to_stone_200` | [to-stone-200](#gradient_color_stops) | | `to_stone_300` | [to-stone-300](#gradient_color_stops) | | `to_stone_400` | [to-stone-400](#gradient_color_stops) | | `to_stone_50` | [to-stone-50](#gradient_color_stops) | | `to_stone_500` | [to-stone-500](#gradient_color_stops) | | `to_stone_600` | [to-stone-600](#gradient_color_stops) | | `to_stone_700` | [to-stone-700](#gradient_color_stops) | | `to_stone_800` | [to-stone-800](#gradient_color_stops) | | `to_stone_900` | [to-stone-900](#gradient_color_stops) | | `to_stone_950` | [to-stone-950](#gradient_color_stops) | | `to_teal_100` | [to-teal-100](#gradient_color_stops) | | `to_teal_200` | [to-teal-200](#gradient_color_stops) | | `to_teal_300` | [to-teal-300](#gradient_color_stops) | | `to_teal_400` | [to-teal-400](#gradient_color_stops) | | `to_teal_50` | [to-teal-50](#gradient_color_stops) | | `to_teal_500` | [to-teal-500](#gradient_color_stops) | | `to_teal_600` | [to-teal-600](#gradient_color_stops) | | `to_teal_700` | [to-teal-700](#gradient_color_stops) | | `to_teal_800` | [to-teal-800](#gradient_color_stops) | | `to_teal_900` | [to-teal-900](#gradient_color_stops) | | `to_teal_950` | [to-teal-950](#gradient_color_stops) | | `to_transparent` | [to-transparent](#gradient_color_stops) | | `to_violet_100` | [to-violet-100](#gradient_color_stops) | | `to_violet_200` | [to-violet-200](#gradient_color_stops) | | `to_violet_300` | [to-violet-300](#gradient_color_stops) | | `to_violet_400` | [to-violet-400](#gradient_color_stops) | | `to_violet_50` | [to-violet-50](#gradient_color_stops) | | `to_violet_500` | [to-violet-500](#gradient_color_stops) | | `to_violet_600` | [to-violet-600](#gradient_color_stops) | | `to_violet_700` | [to-violet-700](#gradient_color_stops) | | `to_violet_800` | [to-violet-800](#gradient_color_stops) | | `to_violet_900` | [to-violet-900](#gradient_color_stops) | | `to_violet_950` | [to-violet-950](#gradient_color_stops) | | `to_white` | [to-white](#gradient_color_stops) | | `to_yellow_100` | [to-yellow-100](#gradient_color_stops) | | `to_yellow_200` | [to-yellow-200](#gradient_color_stops) | | `to_yellow_300` | [to-yellow-300](#gradient_color_stops) | | `to_yellow_400` | [to-yellow-400](#gradient_color_stops) | | `to_yellow_50` | [to-yellow-50](#gradient_color_stops) | | `to_yellow_500` | [to-yellow-500](#gradient_color_stops) | | `to_yellow_600` | [to-yellow-600](#gradient_color_stops) | | `to_yellow_700` | [to-yellow-700](#gradient_color_stops) | | `to_yellow_800` | [to-yellow-800](#gradient_color_stops) | | `to_yellow_900` | [to-yellow-900](#gradient_color_stops) | | `to_yellow_950` | [to-yellow-950](#gradient_color_stops) | | `to_zinc_100` | [to-zinc-100](#gradient_color_stops) | | `to_zinc_200` | [to-zinc-200](#gradient_color_stops) | | `to_zinc_300` | [to-zinc-300](#gradient_color_stops) | | `to_zinc_400` | [to-zinc-400](#gradient_color_stops) | | `to_zinc_50` | [to-zinc-50](#gradient_color_stops) | | `to_zinc_500` | [to-zinc-500](#gradient_color_stops) | | `to_zinc_600` | [to-zinc-600](#gradient_color_stops) | | `to_zinc_700` | [to-zinc-700](#gradient_color_stops) | | `to_zinc_800` | [to-zinc-800](#gradient_color_stops) | | `to_zinc_900` | [to-zinc-900](#gradient_color_stops) | | `to_zinc_950` | [to-zinc-950](#gradient_color_stops) | | `via_0_pc` | [via-0%](#gradient_color_stops) | | `via_100_pc` | [via-100%](#gradient_color_stops) | | `via_10_pc` | [via-10%](#gradient_color_stops) | | `via_15_pc` | [via-15%](#gradient_color_stops) | | `via_20_pc` | [via-20%](#gradient_color_stops) | | `via_25_pc` | [via-25%](#gradient_color_stops) | | `via_30_pc` | [via-30%](#gradient_color_stops) | | `via_35_pc` | [via-35%](#gradient_color_stops) | | `via_40_pc` | [via-40%](#gradient_color_stops) | | `via_45_pc` | [via-45%](#gradient_color_stops) | | `via_50_pc` | [via-50%](#gradient_color_stops) | | `via_55_pc` | [via-55%](#gradient_color_stops) | | `via_5_pc` | [via-5%](#gradient_color_stops) | | `via_60_pc` | [via-60%](#gradient_color_stops) | | `via_65_pc` | [via-65%](#gradient_color_stops) | | `via_70_pc` | [via-70%](#gradient_color_stops) | | `via_75_pc` | [via-75%](#gradient_color_stops) | | `via_80_pc` | [via-80%](#gradient_color_stops) | | `via_85_pc` | [via-85%](#gradient_color_stops) | | `via_90_pc` | [via-90%](#gradient_color_stops) | | `via_95_pc` | [via-95%](#gradient_color_stops) | | `via_amber_100` | [via-amber-100](#gradient_color_stops) | | `via_amber_200` | [via-amber-200](#gradient_color_stops) | | `via_amber_300` | [via-amber-300](#gradient_color_stops) | | `via_amber_400` | [via-amber-400](#gradient_color_stops) | | `via_amber_50` | [via-amber-50](#gradient_color_stops) | | `via_amber_500` | [via-amber-500](#gradient_color_stops) | | `via_amber_600` | [via-amber-600](#gradient_color_stops) | | `via_amber_700` | [via-amber-700](#gradient_color_stops) | | `via_amber_800` | [via-amber-800](#gradient_color_stops) | | `via_amber_900` | [via-amber-900](#gradient_color_stops) | | `via_amber_950` | [via-amber-950](#gradient_color_stops) | | `via_black` | [via-black](#gradient_color_stops) | | `via_blue_100` | [via-blue-100](#gradient_color_stops) | | `via_blue_200` | [via-blue-200](#gradient_color_stops) | | `via_blue_300` | [via-blue-300](#gradient_color_stops) | | `via_blue_400` | [via-blue-400](#gradient_color_stops) | | `via_blue_50` | [via-blue-50](#gradient_color_stops) | | `via_blue_500` | [via-blue-500](#gradient_color_stops) | | `via_blue_600` | [via-blue-600](#gradient_color_stops) | | `via_blue_700` | [via-blue-700](#gradient_color_stops) | | `via_blue_800` | [via-blue-800](#gradient_color_stops) | | `via_blue_900` | [via-blue-900](#gradient_color_stops) | | `via_blue_950` | [via-blue-950](#gradient_color_stops) | | `via_current` | [via-current](#gradient_color_stops) | | `via_cyan_100` | [via-cyan-100](#gradient_color_stops) | | `via_cyan_200` | [via-cyan-200](#gradient_color_stops) | | `via_cyan_300` | [via-cyan-300](#gradient_color_stops) | | `via_cyan_400` | [via-cyan-400](#gradient_color_stops) | | `via_cyan_50` | [via-cyan-50](#gradient_color_stops) | | `via_cyan_500` | [via-cyan-500](#gradient_color_stops) | | `via_cyan_600` | [via-cyan-600](#gradient_color_stops) | | `via_cyan_700` | [via-cyan-700](#gradient_color_stops) | | `via_cyan_800` | [via-cyan-800](#gradient_color_stops) | | `via_cyan_900` | [via-cyan-900](#gradient_color_stops) | | `via_cyan_950` | [via-cyan-950](#gradient_color_stops) | | `via_emerald_100` | [via-emerald-100](#gradient_color_stops) | | `via_emerald_200` | [via-emerald-200](#gradient_color_stops) | | `via_emerald_300` | [via-emerald-300](#gradient_color_stops) | | `via_emerald_400` | [via-emerald-400](#gradient_color_stops) | | `via_emerald_50` | [via-emerald-50](#gradient_color_stops) | | `via_emerald_500` | [via-emerald-500](#gradient_color_stops) | | `via_emerald_600` | [via-emerald-600](#gradient_color_stops) | | `via_emerald_700` | [via-emerald-700](#gradient_color_stops) | | `via_emerald_800` | [via-emerald-800](#gradient_color_stops) | | `via_emerald_900` | [via-emerald-900](#gradient_color_stops) | | `via_emerald_950` | [via-emerald-950](#gradient_color_stops) | | `via_fuchsia_100` | [via-fuchsia-100](#gradient_color_stops) | | `via_fuchsia_200` | [via-fuchsia-200](#gradient_color_stops) | | `via_fuchsia_300` | [via-fuchsia-300](#gradient_color_stops) | | `via_fuchsia_400` | [via-fuchsia-400](#gradient_color_stops) | | `via_fuchsia_50` | [via-fuchsia-50](#gradient_color_stops) | | `via_fuchsia_500` | [via-fuchsia-500](#gradient_color_stops) | | `via_fuchsia_600` | [via-fuchsia-600](#gradient_color_stops) | | `via_fuchsia_700` | [via-fuchsia-700](#gradient_color_stops) | | `via_fuchsia_800` | [via-fuchsia-800](#gradient_color_stops) | | `via_fuchsia_900` | [via-fuchsia-900](#gradient_color_stops) | | `via_fuchsia_950` | [via-fuchsia-950](#gradient_color_stops) | | `via_gray_100` | [via-gray-100](#gradient_color_stops) | | `via_gray_200` | [via-gray-200](#gradient_color_stops) | | `via_gray_300` | [via-gray-300](#gradient_color_stops) | | `via_gray_400` | [via-gray-400](#gradient_color_stops) | | `via_gray_50` | [via-gray-50](#gradient_color_stops) | | `via_gray_500` | [via-gray-500](#gradient_color_stops) | | `via_gray_600` | [via-gray-600](#gradient_color_stops) | | `via_gray_700` | [via-gray-700](#gradient_color_stops) | | `via_gray_800` | [via-gray-800](#gradient_color_stops) | | `via_gray_900` | [via-gray-900](#gradient_color_stops) | | `via_gray_950` | [via-gray-950](#gradient_color_stops) | | `via_green_100` | [via-green-100](#gradient_color_stops) | | `via_green_200` | [via-green-200](#gradient_color_stops) | | `via_green_300` | [via-green-300](#gradient_color_stops) | | `via_green_400` | [via-green-400](#gradient_color_stops) | | `via_green_50` | [via-green-50](#gradient_color_stops) | | `via_green_500` | [via-green-500](#gradient_color_stops) | | `via_green_600` | [via-green-600](#gradient_color_stops) | | `via_green_700` | [via-green-700](#gradient_color_stops) | | `via_green_800` | [via-green-800](#gradient_color_stops) | | `via_green_900` | [via-green-900](#gradient_color_stops) | | `via_green_950` | [via-green-950](#gradient_color_stops) | | `via_indigo_100` | [via-indigo-100](#gradient_color_stops) | | `via_indigo_200` | [via-indigo-200](#gradient_color_stops) | | `via_indigo_300` | [via-indigo-300](#gradient_color_stops) | | `via_indigo_400` | [via-indigo-400](#gradient_color_stops) | | `via_indigo_50` | [via-indigo-50](#gradient_color_stops) | | `via_indigo_500` | [via-indigo-500](#gradient_color_stops) | | `via_indigo_600` | [via-indigo-600](#gradient_color_stops) | | `via_indigo_700` | [via-indigo-700](#gradient_color_stops) | | `via_indigo_800` | [via-indigo-800](#gradient_color_stops) | | `via_indigo_900` | [via-indigo-900](#gradient_color_stops) | | `via_indigo_950` | [via-indigo-950](#gradient_color_stops) | | `via_inherit` | [via-inherit](#gradient_color_stops) | | `via_lime_100` | [via-lime-100](#gradient_color_stops) | | `via_lime_200` | [via-lime-200](#gradient_color_stops) | | `via_lime_300` | [via-lime-300](#gradient_color_stops) | | `via_lime_400` | [via-lime-400](#gradient_color_stops) | | `via_lime_50` | [via-lime-50](#gradient_color_stops) | | `via_lime_500` | [via-lime-500](#gradient_color_stops) | | `via_lime_600` | [via-lime-600](#gradient_color_stops) | | `via_lime_700` | [via-lime-700](#gradient_color_stops) | | `via_lime_800` | [via-lime-800](#gradient_color_stops) | | `via_lime_900` | [via-lime-900](#gradient_color_stops) | | `via_lime_950` | [via-lime-950](#gradient_color_stops) | | `via_neutral_100` | [via-neutral-100](#gradient_color_stops) | | `via_neutral_200` | [via-neutral-200](#gradient_color_stops) | | `via_neutral_300` | [via-neutral-300](#gradient_color_stops) | | `via_neutral_400` | [via-neutral-400](#gradient_color_stops) | | `via_neutral_50` | [via-neutral-50](#gradient_color_stops) | | `via_neutral_500` | [via-neutral-500](#gradient_color_stops) | | `via_neutral_600` | [via-neutral-600](#gradient_color_stops) | | `via_neutral_700` | [via-neutral-700](#gradient_color_stops) | | `via_neutral_800` | [via-neutral-800](#gradient_color_stops) | | `via_neutral_900` | [via-neutral-900](#gradient_color_stops) | | `via_neutral_950` | [via-neutral-950](#gradient_color_stops) | | `via_orange_100` | [via-orange-100](#gradient_color_stops) | | `via_orange_200` | [via-orange-200](#gradient_color_stops) | | `via_orange_300` | [via-orange-300](#gradient_color_stops) | | `via_orange_400` | [via-orange-400](#gradient_color_stops) | | `via_orange_50` | [via-orange-50](#gradient_color_stops) | | `via_orange_500` | [via-orange-500](#gradient_color_stops) | | `via_orange_600` | [via-orange-600](#gradient_color_stops) | | `via_orange_700` | [via-orange-700](#gradient_color_stops) | | `via_orange_800` | [via-orange-800](#gradient_color_stops) | | `via_orange_900` | [via-orange-900](#gradient_color_stops) | | `via_orange_950` | [via-orange-950](#gradient_color_stops) | | `via_pink_100` | [via-pink-100](#gradient_color_stops) | | `via_pink_200` | [via-pink-200](#gradient_color_stops) | | `via_pink_300` | [via-pink-300](#gradient_color_stops) | | `via_pink_400` | [via-pink-400](#gradient_color_stops) | | `via_pink_50` | [via-pink-50](#gradient_color_stops) | | `via_pink_500` | [via-pink-500](#gradient_color_stops) | | `via_pink_600` | [via-pink-600](#gradient_color_stops) | | `via_pink_700` | [via-pink-700](#gradient_color_stops) | | `via_pink_800` | [via-pink-800](#gradient_color_stops) | | `via_pink_900` | [via-pink-900](#gradient_color_stops) | | `via_pink_950` | [via-pink-950](#gradient_color_stops) | | `via_purple_100` | [via-purple-100](#gradient_color_stops) | | `via_purple_200` | [via-purple-200](#gradient_color_stops) | | `via_purple_300` | [via-purple-300](#gradient_color_stops) | | `via_purple_400` | [via-purple-400](#gradient_color_stops) | | `via_purple_50` | [via-purple-50](#gradient_color_stops) | | `via_purple_500` | [via-purple-500](#gradient_color_stops) | | `via_purple_600` | [via-purple-600](#gradient_color_stops) | | `via_purple_700` | [via-purple-700](#gradient_color_stops) | | `via_purple_800` | [via-purple-800](#gradient_color_stops) | | `via_purple_900` | [via-purple-900](#gradient_color_stops) | | `via_purple_950` | [via-purple-950](#gradient_color_stops) | | `via_red_100` | [via-red-100](#gradient_color_stops) | | `via_red_200` | [via-red-200](#gradient_color_stops) | | `via_red_300` | [via-red-300](#gradient_color_stops) | | `via_red_400` | [via-red-400](#gradient_color_stops) | | `via_red_50` | [via-red-50](#gradient_color_stops) | | `via_red_500` | [via-red-500](#gradient_color_stops) | | `via_red_600` | [via-red-600](#gradient_color_stops) | | `via_red_700` | [via-red-700](#gradient_color_stops) | | `via_red_800` | [via-red-800](#gradient_color_stops) | | `via_red_900` | [via-red-900](#gradient_color_stops) | | `via_red_950` | [via-red-950](#gradient_color_stops) | | `via_rose_100` | [via-rose-100](#gradient_color_stops) | | `via_rose_200` | [via-rose-200](#gradient_color_stops) | | `via_rose_300` | [via-rose-300](#gradient_color_stops) | | `via_rose_400` | [via-rose-400](#gradient_color_stops) | | `via_rose_50` | [via-rose-50](#gradient_color_stops) | | `via_rose_500` | [via-rose-500](#gradient_color_stops) | | `via_rose_600` | [via-rose-600](#gradient_color_stops) | | `via_rose_700` | [via-rose-700](#gradient_color_stops) | | `via_rose_800` | [via-rose-800](#gradient_color_stops) | | `via_rose_900` | [via-rose-900](#gradient_color_stops) | | `via_rose_950` | [via-rose-950](#gradient_color_stops) | | `via_sky_100` | [via-sky-100](#gradient_color_stops) | | `via_sky_200` | [via-sky-200](#gradient_color_stops) | | `via_sky_300` | [via-sky-300](#gradient_color_stops) | | `via_sky_400` | [via-sky-400](#gradient_color_stops) | | `via_sky_50` | [via-sky-50](#gradient_color_stops) | | `via_sky_500` | [via-sky-500](#gradient_color_stops) | | `via_sky_600` | [via-sky-600](#gradient_color_stops) | | `via_sky_700` | [via-sky-700](#gradient_color_stops) | | `via_sky_800` | [via-sky-800](#gradient_color_stops) | | `via_sky_900` | [via-sky-900](#gradient_color_stops) | | `via_sky_950` | [via-sky-950](#gradient_color_stops) | | `via_slate_100` | [via-slate-100](#gradient_color_stops) | | `via_slate_200` | [via-slate-200](#gradient_color_stops) | | `via_slate_300` | [via-slate-300](#gradient_color_stops) | | `via_slate_400` | [via-slate-400](#gradient_color_stops) | | `via_slate_50` | [via-slate-50](#gradient_color_stops) | | `via_slate_500` | [via-slate-500](#gradient_color_stops) | | `via_slate_600` | [via-slate-600](#gradient_color_stops) | | `via_slate_700` | [via-slate-700](#gradient_color_stops) | | `via_slate_800` | [via-slate-800](#gradient_color_stops) | | `via_slate_900` | [via-slate-900](#gradient_color_stops) | | `via_slate_950` | [via-slate-950](#gradient_color_stops) | | `via_stone_100` | [via-stone-100](#gradient_color_stops) | | `via_stone_200` | [via-stone-200](#gradient_color_stops) | | `via_stone_300` | [via-stone-300](#gradient_color_stops) | | `via_stone_400` | [via-stone-400](#gradient_color_stops) | | `via_stone_50` | [via-stone-50](#gradient_color_stops) | | `via_stone_500` | [via-stone-500](#gradient_color_stops) | | `via_stone_600` | [via-stone-600](#gradient_color_stops) | | `via_stone_700` | [via-stone-700](#gradient_color_stops) | | `via_stone_800` | [via-stone-800](#gradient_color_stops) | | `via_stone_900` | [via-stone-900](#gradient_color_stops) | | `via_stone_950` | [via-stone-950](#gradient_color_stops) | | `via_teal_100` | [via-teal-100](#gradient_color_stops) | | `via_teal_200` | [via-teal-200](#gradient_color_stops) | | `via_teal_300` | [via-teal-300](#gradient_color_stops) | | `via_teal_400` | [via-teal-400](#gradient_color_stops) | | `via_teal_50` | [via-teal-50](#gradient_color_stops) | | `via_teal_500` | [via-teal-500](#gradient_color_stops) | | `via_teal_600` | [via-teal-600](#gradient_color_stops) | | `via_teal_700` | [via-teal-700](#gradient_color_stops) | | `via_teal_800` | [via-teal-800](#gradient_color_stops) | | `via_teal_900` | [via-teal-900](#gradient_color_stops) | | `via_teal_950` | [via-teal-950](#gradient_color_stops) | | `via_transparent` | [via-transparent](#gradient_color_stops) | | `via_violet_100` | [via-violet-100](#gradient_color_stops) | | `via_violet_200` | [via-violet-200](#gradient_color_stops) | | `via_violet_300` | [via-violet-300](#gradient_color_stops) | | `via_violet_400` | [via-violet-400](#gradient_color_stops) | | `via_violet_50` | [via-violet-50](#gradient_color_stops) | | `via_violet_500` | [via-violet-500](#gradient_color_stops) | | `via_violet_600` | [via-violet-600](#gradient_color_stops) | | `via_violet_700` | [via-violet-700](#gradient_color_stops) | | `via_violet_800` | [via-violet-800](#gradient_color_stops) | | `via_violet_900` | [via-violet-900](#gradient_color_stops) | | `via_violet_950` | [via-violet-950](#gradient_color_stops) | | `via_white` | [via-white](#gradient_color_stops) | | `via_yellow_100` | [via-yellow-100](#gradient_color_stops) | | `via_yellow_200` | [via-yellow-200](#gradient_color_stops) | | `via_yellow_300` | [via-yellow-300](#gradient_color_stops) | | `via_yellow_400` | [via-yellow-400](#gradient_color_stops) | | `via_yellow_50` | [via-yellow-50](#gradient_color_stops) | | `via_yellow_500` | [via-yellow-500](#gradient_color_stops) | | `via_yellow_600` | [via-yellow-600](#gradient_color_stops) | | `via_yellow_700` | [via-yellow-700](#gradient_color_stops) | | `via_yellow_800` | [via-yellow-800](#gradient_color_stops) | | `via_yellow_900` | [via-yellow-900](#gradient_color_stops) | | `via_yellow_950` | [via-yellow-950](#gradient_color_stops) | | `via_zinc_100` | [via-zinc-100](#gradient_color_stops) | | `via_zinc_200` | [via-zinc-200](#gradient_color_stops) | | `via_zinc_300` | [via-zinc-300](#gradient_color_stops) | | `via_zinc_400` | [via-zinc-400](#gradient_color_stops) | | `via_zinc_50` | [via-zinc-50](#gradient_color_stops) | | `via_zinc_500` | [via-zinc-500](#gradient_color_stops) | | `via_zinc_600` | [via-zinc-600](#gradient_color_stops) | | `via_zinc_700` | [via-zinc-700](#gradient_color_stops) | | `via_zinc_800` | [via-zinc-800](#gradient_color_stops) | | `via_zinc_900` | [via-zinc-900](#gradient_color_stops) | | `via_zinc_950` | [via-zinc-950](#gradient_color_stops) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `from_arbitrary`, `from_arb` | [from-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_amber_arbitrary`, `from_amber_arb` | [from-amber-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_blue_arbitrary`, `from_blue_arb` | [from-blue-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_cyan_arbitrary`, `from_cyan_arb` | [from-cyan-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_emerald_arbitrary`, `from_emerald_arb` | [from-emerald-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_fuchsia_arbitrary`, `from_fuchsia_arb` | [from-fuchsia-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_gray_arbitrary`, `from_gray_arb` | [from-gray-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_green_arbitrary`, `from_green_arb` | [from-green-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_indigo_arbitrary`, `from_indigo_arb` | [from-indigo-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_lime_arbitrary`, `from_lime_arb` | [from-lime-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_neutral_arbitrary`, `from_neutral_arb` | [from-neutral-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_orange_arbitrary`, `from_orange_arb` | [from-orange-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_pink_arbitrary`, `from_pink_arb` | [from-pink-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_purple_arbitrary`, `from_purple_arb` | [from-purple-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_red_arbitrary`, `from_red_arb` | [from-red-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_rose_arbitrary`, `from_rose_arb` | [from-rose-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_sky_arbitrary`, `from_sky_arb` | [from-sky-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_slate_arbitrary`, `from_slate_arb` | [from-slate-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_stone_arbitrary`, `from_stone_arb` | [from-stone-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_teal_arbitrary`, `from_teal_arb` | [from-teal-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_violet_arbitrary`, `from_violet_arb` | [from-violet-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_yellow_arbitrary`, `from_yellow_arb` | [from-yellow-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `from_zinc_arbitrary`, `from_zinc_arb` | [from-zinc-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_arbitrary`, `to_arb` | [to-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_amber_arbitrary`, `to_amber_arb` | [to-amber-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_blue_arbitrary`, `to_blue_arb` | [to-blue-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_cyan_arbitrary`, `to_cyan_arb` | [to-cyan-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_emerald_arbitrary`, `to_emerald_arb` | [to-emerald-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_fuchsia_arbitrary`, `to_fuchsia_arb` | [to-fuchsia-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_gray_arbitrary`, `to_gray_arb` | [to-gray-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_green_arbitrary`, `to_green_arb` | [to-green-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_indigo_arbitrary`, `to_indigo_arb` | [to-indigo-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_lime_arbitrary`, `to_lime_arb` | [to-lime-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_neutral_arbitrary`, `to_neutral_arb` | [to-neutral-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_orange_arbitrary`, `to_orange_arb` | [to-orange-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_pink_arbitrary`, `to_pink_arb` | [to-pink-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_purple_arbitrary`, `to_purple_arb` | [to-purple-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_red_arbitrary`, `to_red_arb` | [to-red-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_rose_arbitrary`, `to_rose_arb` | [to-rose-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_sky_arbitrary`, `to_sky_arb` | [to-sky-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_slate_arbitrary`, `to_slate_arb` | [to-slate-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_stone_arbitrary`, `to_stone_arb` | [to-stone-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_teal_arbitrary`, `to_teal_arb` | [to-teal-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_violet_arbitrary`, `to_violet_arb` | [to-violet-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_yellow_arbitrary`, `to_yellow_arb` | [to-yellow-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `to_zinc_arbitrary`, `to_zinc_arb` | [to-zinc-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_arbitrary`, `via_arb` | [via-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_amber_arbitrary`, `via_amber_arb` | [via-amber-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_blue_arbitrary`, `via_blue_arb` | [via-blue-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_cyan_arbitrary`, `via_cyan_arb` | [via-cyan-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_emerald_arbitrary`, `via_emerald_arb` | [via-emerald-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_fuchsia_arbitrary`, `via_fuchsia_arb` | [via-fuchsia-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_gray_arbitrary`, `via_gray_arb` | [via-gray-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_green_arbitrary`, `via_green_arb` | [via-green-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_indigo_arbitrary`, `via_indigo_arb` | [via-indigo-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_lime_arbitrary`, `via_lime_arb` | [via-lime-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_neutral_arbitrary`, `via_neutral_arb` | [via-neutral-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_orange_arbitrary`, `via_orange_arb` | [via-orange-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_pink_arbitrary`, `via_pink_arb` | [via-pink-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_purple_arbitrary`, `via_purple_arb` | [via-purple-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_red_arbitrary`, `via_red_arb` | [via-red-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_rose_arbitrary`, `via_rose_arb` | [via-rose-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_sky_arbitrary`, `via_sky_arb` | [via-sky-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_slate_arbitrary`, `via_slate_arb` | [via-slate-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_stone_arbitrary`, `via_stone_arb` | [via-stone-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_teal_arbitrary`, `via_teal_arb` | [via-teal-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_violet_arbitrary`, `via_violet_arb` | [via-violet-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_yellow_arbitrary`, `via_yellow_arb` | [via-yellow-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) | | `via_zinc_arbitrary`, `via_zinc_arb` | [via-zinc-[…]](#https://tailwindcss.com/docs/gradient-color-stops#arbitrary-values) |