Deflake background-color-animation-with-blur.html

Fix flake tolerance to use ranges rather than precise values.

Bug: 1356746
Change-Id: I5f30c01a8085a23178bc0574924b01e4d8acce09
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3876924
Reviewed-by: Robert Flack <flackr@chromium.org>
Commit-Queue: Kevin Ellis <kevers@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1044022}
diff --git a/third_party/blink/web_tests/external/wpt/css/css-backgrounds/animations/background-color-animation-with-blur-ref.html b/third_party/blink/web_tests/external/wpt/css/css-backgrounds/animations/background-color-animation-with-blur-ref.html
index a508b46..31418d0 100644
--- a/third_party/blink/web_tests/external/wpt/css/css-backgrounds/animations/background-color-animation-with-blur-ref.html
+++ b/third_party/blink/web_tests/external/wpt/css/css-backgrounds/animations/background-color-animation-with-blur-ref.html
@@ -4,7 +4,7 @@
   #target {
     height:  100px;
     width:  100px;
-    background:  rgb(0, 128, 0);
+    background:  green;
     display:  inline-block;
     margin:  10px;
   }
diff --git a/third_party/blink/web_tests/external/wpt/css/css-backgrounds/animations/background-color-animation-with-blur.html b/third_party/blink/web_tests/external/wpt/css/css-backgrounds/animations/background-color-animation-with-blur.html
index 4f9ab20..0685e5a 100644
--- a/third_party/blink/web_tests/external/wpt/css/css-backgrounds/animations/background-color-animation-with-blur.html
+++ b/third_party/blink/web_tests/external/wpt/css/css-backgrounds/animations/background-color-animation-with-blur.html
@@ -2,8 +2,8 @@
 <html class="reftest-wait">
 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
 <link rel="match" href="background-color-animation-with-blur-ref.html">
-<!-- Allow off by one errors on rgb color channels -->
-<meta name=fuzzy content="maxDifference=1;totalPixels=10000">
+<!-- Allow off by one errors on each color channel. -->
+<meta name=fuzzy content="maxDifference=0-1;totalPixels=0-12100">
 <style>
   @keyframes colorize {
     0%   { background-color:  blue; }
@@ -11,7 +11,7 @@
     100% { background-color:  red; }
   }
   #target {
-    height:  100px;
+    height: 100px;
     width:  100px;
     animation-name: colorize;
     animation-duration: 100000s;