To calculate the HSL (Hue, Saturation, Lightness) value difference between each shade in the incremental steps of lighter and darker shades, we first need to convert each HEX color to its HSL representation. After that, we can compute the differences between consecutive shades.

Incremental Steps of Dark Shade from #0075b1

Here are the HSL values for the darker shades:

1. #0075b1 : HSL(197°, 100%, 35%)
2. #006a9f : HSL(197°, 100%, 31%)
3. #00609e : HSL(197°, 100%, 30%)
4. #005594 : HSL(197°, 100%, 27%)
5. #004b8a : HSL(197°, 100%, 24%)
6. #00407f : HSL(197°, 100%, 22%)
7. #003675 : HSL(197°, 100%, 19%)
8. #002a6a : HSL(197°, 100%, 17%)
9. #00205e : HSL(197°, 100%, 14%)
10. #00154b : HSL(197°, 100%, 11%)

Incremental Steps of Light Shade from #0075b1

Here are the HSL values for the lighter shades:

1. #0075b1 : HSL(197°, 100%, 35%)
2. #1a8ac2 : HSL(197°, 80%, 48%)
3. #33a0d2 : HSL(197°, 64%, 57%)
4. #4db7e2 : HSL(197°, 53%, 68%)
5. #66cdee : HSL(197°, 45%, 76%)
6. #7fe4f9 : HSL(197°, 40%, 84%)
7. #99e9ff : HSL(197°, 35%, 90%)
8. #b3f3ff : HSL(197°, 30%, 94%)
9. #ccfbff : HSL(197°, 25%, 97%)
10. #e6ffff : HSL(197°, 20%, 99%)

HSL Value Differences

Now, let’s calculate the differences for each shade:

Darker Shades

• Hue: Constant at 197°
• Saturation: 0% difference between all shades.
• Lightness: Decreases by 4% for each step.

Lighter Shades

• Hue: Constant at 197°.
• Saturation: Decreases from 100% to 20% in increments of 5%.
• Lightness: Increases from 35% to 99% in increments of approximately 4.5% - 5%.

Summary of Differences

• Darker Shades:
  • Lightness decreases by 4% for each step.
• Lighter Shades:
  • Hue remains constant.
  • Saturation decreases by approximately 5% for each step.
  • Lightness increases by roughly 4.5% to 5% for each step.

If you need further calculations or specific comparisons, let me know!