I wanted to create a css gradient from of the Climate Warming Stripes by Ed Hawkins. While trying to do it by hand, I realized that ColorZilla can actually import an image and create a gradient from that image.

Which is what Iā€™m using as the banner image for this site.

The gradient
  background: linear-gradient(to right, #2171b5 0%,#2171b5 0%,#5f9cc0 1%,#6baed6 1%,#6baed6 2%,#38759c 2%,#4292c6 2%,#4292c6 3%,#1f6daf 4%,#2171b5 4%,#2171b5 4%,#175a97 4%,#08519c 4%,#08519c 5%,#155288 5%,#4292c6 5%,#4292c6 6%,#215d8d 6%,#2171b5 6%,#2171b5 7%,#0a2f5e 7%,#08306b 7%,#08306b 8%,#3576a2 8%,#4292c6 8%,#4292c6 8%,#1f5a8b 8%,#08519c 8%,#08519c 9%,#3c85b4 9%,#4292c6 9%,#4292c6 11%,#5f99bd 11%,#6baed6 11%,#6baed6 11%,#40789a 11%,#4292c6 11%,#4292c6 12%,#3277a4 12%,#2171b5 12%,#2171b5 13%,#5188ab 13%,#6baed6 13%,#6baed6 13%,#4a83a7 14%,#4292c6 14%,#4292c6 14%,#215d8c 14%,#2171b5 14%,#2171b5 16%,#81a8be 16%,#9ecae1 16%,#9ecae1 16%,#87a2b3 16%,#c6dbef 17%,#c6dbef 17%,#608ba7 17%,#6baed6 17%,#6baed6 18%,#5a98be 18%,#4292c6 18%,#4292c6 18%,#4e84a4 18%,#6baed6 18%,#6baed6 19%,#3e789a 19%,#4292c6 20%,#4292c6 20%,#2070b3 20%,#2171b5 22%,#2a6591 22%,#4292c6 23%,#4292c6 23%,#3f8dbd 23%,#6baed6 23%,#6baed6 24%,#3a729c 24%,#08519c 24%,#08519c 24%,#1b609a 24%,#2171b5 24%,#2171b5 25%,#0b437b 25%,#08519c 25%,#08519c 26%,#094d8e 26%,#2171b5 26%,#2171b5 27%,#609ec2 27%,#6baed6 27%,#6baed6 28%,#235e90 28%,#2171b5 28%,#2171b5 29%,#23659b 29%,#4292c6 29%,#4292c6 29%,#558cad 30%,#6baed6 30%,#6baed6 30%,#408ec1 30%,#4292c6 30%,#4292c6 31%,#205c8c 31%,#2171b5 31%,#2171b5 31%,#1d68a7 31%,#08519c 31%,#08519c 32%,#06386f 32%,#08306b 32%,#08306b 32%,#1b5f9b 33%,#2171b5 33%,#2171b5 33%,#216dae 33%,#4292c6 33%,#4292c6 34%,#10487e 34%,#08519c 34%,#08519c 34%,#074383 34%,#08306b 34%,#08306b 35%,#074a8f 35%,#08519c 36%,#08519c 36%,#062e60 36%,#08306b 36%,#08306b 37%,#063b74 37%,#08519c 37%,#08519c 38%,#3374a2 38%,#4292c6 38%,#4292c6 38%,#69abd2 38%,#6baed6 39%,#6baed6 39%,#286390 39%,#2171b5 39%,#2171b5 40%,#084380 40%,#08519c 40%,#08519c 40%,#0e4984 40%,#2171b5 40%,#2171b5 41%,#397dab 41%,#4292c6 41%,#4292c6 42%,#337aa9 43%,#2171b5 43%,#2171b5 43%,#256291 43%,#4292c6 43%,#4292c6 44%,#1d68a7 44%,#2171b5 44%,#2171b5 44%,#286590 44%,#4292c6 44%,#4292c6 45%,#5085a6 45%,#6baed6 45%,#6baed6 45%,#4e89ac 46%,#4292c6 46%,#4292c6 47%,#2070b3 47%,#2171b5 47%,#41769b 47%,#6baed6 47%,#6baed6 49%,#1d65a0 49%,#2171b5 49%,#2171b5 50%,#236dab 50%,#6baed6 50%,#6baed6 50%,#397499 50%,#4292c6 50%,#4292c6 51%,#5a93b6 51%,#6baed6 51%,#6baed6 51%,#6590a9 51%,#9ecae1 52%,#9ecae1 53%,#97aaba 53%,#c6dbef 53%,#c6dbef 54%,#a7b6c6 54%,#deebf7 54%,#deebf7 54%,#9daab7 54%,#c6dbef 54%,#c6dbef 56%,#a3aeb9 56%,#deebf7 56%,#deebf7 56%,#a2b4c4 56%,#c6dbef 56%,#c6dbef 57%,#90a6b7 57%,#9ecae1 57%,#9ecae1 58%,#90bbd1 58%,#6baed6 58%,#6baed6 59%,#3a80ab 59%,#4292c6 59%,#4292c6 60%,#5584a1 60%,#9ecae1 60%,#9ecae1 61%,#91b4c8 61%,#c6dbef 61%,#c6dbef 61%,#5d8eab 62%,#6baed6 62%,#6baed6 62%,#4e87ab 62%,#4292c6 62%,#4290c5 63%,#9ecae1 63%,#9ecae1 64%,#8cacbf 64%,#c6dbef 64%,#c6dbef 64%,#85a7ba 65%,#9ecae1 65%,#9ecae1 66%,#8ca1b1 66%,#c6dbef 66%,#c6dbef 67%,#3c81ad 67%,#4292c6 68%,#4292c6 68%,#437b9e 68%,#6baed6 68%,#6baed6 69%,#7195ab 69%,#9ecae1 69%,#9ecae1 70%,#598cab 70%,#6baed6 70%,#6baed6 70%,#b7cbde 70%,#c6dbef 71%,#c6dbef 71%,#829dae 71%,#9ecae1 71%,#9ecae1 71%,#9ac5dd 72%,#6baed6 72%,#6baed6 72%,#6496b2 72%,#9ecae1 72%,#9ecae1 73%,#a3b5c6 73%,#c6dbef 73%,#c6dbef 73%,#7c9bb1 73%,#6baed6 73%,#6baed6 74%,#5d9dc5 75%,#4292c6 75%,#4292c6 75%,#5c89a8 75%,#c6dbef 75%,#c6dbef 76%,#8cb3c6 76%,#9ecae1 76%,#9ecae1 76%,#93a8b5 76%,#deebf7 76%,#deebf7 77%,#bcaca5 77%,#fee0d2 77%,#fee0d2 78%,#a3b0bc 78%,#c6dbef 78%,#c6dbef 79%,#eed1c4 79%,#fee0d2 79%,#fee0d2 79%,#a4a7ac 79%,#c6dbef 79%,#c6dbef 80%,#a7b6c6 80%,#deebf7 81%,#deebf7 81%,#d3bcb1 81%,#fee0d2 81%,#fee0d2 82%,#fcbba1 82%,#fcbba1 82%,#bea194 82%,#fee0d2 82%,#fee0d2 83%,#e8c8ba 83%,#fcbba1 83%,#fcbba1 84%,#c5d1da 84%,#deebf7 84%,#deebf7 85%,#bfada7 85%,#fee0d2 85%,#fee0d2 86%,#d9b1a3 86%,#fc9272 86%,#fc9272 86%,#c28e7c 86%,#fee0d2 86%,#fee0d2 87%,#f08b6d 87%,#fc9272 87%,#fc9272 87%,#bd5942 88%,#fb6a4a 88%,#fb6a4a 88%,#c88d78 88%,#fcbba1 88%,#fcbba1 89%,#d57d62 89%,#fc9272 89%,#fc9272 90%,#fa9070 90%,#fb6a4a 90%,#fb6a4a 92%,#bf4330 92%,#ef3b2c 92%,#ef3b2c 93%,#dd3a2b 93%,#fb6a4a 93%,#fb6a4a 93%,#c16c52 94%,#fc9272 94%,#fc9272 94%,#d77459 94%,#fb6a4a 94%,#fb6a4a 95%,#bb3d2c 95%,#ef3b2c 95%,#ef3b2c 95%,#f06447 95%,#fb6a4a 95%,#fb6a4a 96%,#c03226 96%,#ef3b2c 97%,#ef3b2c 98%,#8e0d11 98%,#a50f15 98%,#a50f15 98%,#a00e13 98%,#67000d 98%,#67000d 99%,#72090f 99%,#a50f15 99%,#a50f15 99%,#a71418 99%,#cb181d 100%,#cb181d 100%,#860f13 100%);