基于所选项目数的动态CSS颜色渐变

Question

我正在尝试根据在页面上找到/发现的特定CSS项目，以增加的渐变设置div框的背景颜色。 （我看了here和here，但他们没有解决颜色值的计算问题）

首先，我必须找到how many items have a CSS class，使用#items我需要计算渐变跳跃，最后迭代以在div上应用渐变。输出应呈现色谱的小范围，从浅色到深色。

1. 根据类
选择和计算元素
2. 然后算上他们
3. 应用颜色渐变

以下是我一直在处理其静态的代码，需要帮助它使其成为通用的，

function colorMyDivs(r, g, b) {
  return 'rgb(' + r + ',' + g + ',' + b + ')';
}

// how to for this for each row in the column?
for (var i = -10; i < $('.row:eq(0) .block').length / 2; i++) {
  var r = 97;
  var g = 35;
  var b = 126;
  $('.row:eq(0) .block:eq(' + (i + 10) + ')').css('background', colorMyDivs(r + (i * 10), g + (i * 10), b + (i * 10)));
};

如何使代码函数可重用 - 所以它通过传入2个CSS类和一个colorCode来工作？我想找到一个可以编写的泛型函数CreateCssGradients( cssClassA, cssClassB, WithColorShade, NumberOfGradients)出CssGradientBlocks

如果你可以请我分享/引导/采样输出CSS块应该是什么样的以确保我得到渐变效果。