Add gradient interpolation

features/conic-gradients.yml

@@ -9,7 +9,3 @@ compat_features:
   - css.types.image.gradient.conic-gradient
   - css.types.image.gradient.conic-gradient.doubleposition
   - css.types.image.gradient.repeating-conic-gradient
-  - css.types.image.gradient.conic-gradient.hue_interpolation_method
-  - css.types.image.gradient.conic-gradient.interpolation_color_space
-  - css.types.image.gradient.repeating-conic-gradient.hue_interpolation_method
-  - css.types.image.gradient.repeating-conic-gradient.interpolation_color_space

features/conic-gradients.yml.dist

@@ -41,18 +41,3 @@ compat_features:
   #   safari: "12.1"
   #   safari_ios: "12.2"
   - css.types.image.gradient.conic-gradient.doubleposition
-
-  # baseline: low
-  # baseline_low_date: 2024-06-11
-  # support:
-  #   chrome: "111"
-  #   chrome_android: "111"
-  #   edge: "111"
-  #   firefox: "127"
-  #   firefox_android: "127"
-  #   safari: "16.2"
-  #   safari_ios: "16.2"
-  - css.types.image.gradient.conic-gradient.hue_interpolation_method
-  - css.types.image.gradient.conic-gradient.interpolation_color_space
-  - css.types.image.gradient.repeating-conic-gradient.hue_interpolation_method
-  - css.types.image.gradient.repeating-conic-gradient.interpolation_color_space

features/gradient-interpolation.yml

@@ -0,0 +1,17 @@
+name: Gradient interpolation
+description: Gradient interpolation controls how the colors between gradient stops are calculated in CSS. For example, `linear-gradient(to right in oklch longer hue, red, red);` calculates in the `oklch` color space, with the hue going all the way around the hue circle from red back to red.
+spec: https://drafts.csswg.org/css-color-4/#interpolation-space
+group: gradients
+compat_features:
+  - css.types.image.gradient.conic-gradient.hue_interpolation_method
+  - css.types.image.gradient.conic-gradient.interpolation_color_space
+  - css.types.image.gradient.linear-gradient.hue_interpolation_method
+  - css.types.image.gradient.linear-gradient.interpolation_color_space
+  - css.types.image.gradient.radial-gradient.hue_interpolation_method
+  - css.types.image.gradient.radial-gradient.interpolation_color_space
+  - css.types.image.gradient.repeating-conic-gradient.hue_interpolation_method
+  - css.types.image.gradient.repeating-conic-gradient.interpolation_color_space
+  - css.types.image.gradient.repeating-linear-gradient.hue_interpolation_method
+  - css.types.image.gradient.repeating-linear-gradient.interpolation_color_space
+  - css.types.image.gradient.repeating-radial-gradient.hue_interpolation_method
+  - css.types.image.gradient.repeating-radial-gradient.interpolation_color_space

features/gradient-interpolation.yml.dist

@@ -0,0 +1,27 @@
+# Generated from: gradient-interpolation.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: low
+  baseline_low_date: 2024-06-11
+  support:
+    chrome: "111"
+    chrome_android: "111"
+    edge: "111"
+    firefox: "127"
+    firefox_android: "127"
+    safari: "16.2"
+    safari_ios: "16.2"
+compat_features:
+  - css.types.image.gradient.conic-gradient.hue_interpolation_method
+  - css.types.image.gradient.conic-gradient.interpolation_color_space
+  - css.types.image.gradient.linear-gradient.hue_interpolation_method
+  - css.types.image.gradient.linear-gradient.interpolation_color_space
+  - css.types.image.gradient.radial-gradient.hue_interpolation_method
+  - css.types.image.gradient.radial-gradient.interpolation_color_space
+  - css.types.image.gradient.repeating-conic-gradient.hue_interpolation_method
+  - css.types.image.gradient.repeating-conic-gradient.interpolation_color_space
+  - css.types.image.gradient.repeating-linear-gradient.hue_interpolation_method
+  - css.types.image.gradient.repeating-linear-gradient.interpolation_color_space
+  - css.types.image.gradient.repeating-radial-gradient.hue_interpolation_method
+  - css.types.image.gradient.repeating-radial-gradient.interpolation_color_space