颜⾊渐变的

RGB

计算

均匀渐变

渐变

(Gradient)

是美学中⼀条重要的形式美法则，与其相对应的是突变。形状、⼤⼩、位置、⽅向、⾊彩等视觉因素都可以进⾏渐变。在

⾊彩中，⾊相、明度、纯度也都可以产⽣渐变效果，并会表现出具有丰富层次的美感。本⽂主要讲述两种颜⾊

RGB

数值的渐变算法。

已知：

A=50

，

B=200

，

A

、

B

之间平均分成

3

份（

Step=3

），求每份的数值（

StepN

）分别是多少。

公式：

Gradient = A + (B-A) / Step * N

[

注

]

：编程时为了提⾼效率避免浮点运算，往往把除法放在最后⾯，这样公式就成了：

Gradient = A + (B-A) * N / Step

    Step=3

时，根据公式可以求出

Step1=A+(A-B)/3*1=50+(200-50)/3=100

，

Step2=A+(A-B)/3*2=50+(200-50)/3*2=150

。这就是均匀渐变的算

法原理了，很简单，⼩学知识。

两种颜⾊的渐变就是对两种颜⾊的

RGB

通道分别进⾏这样的计算，例如两种颜⾊分别是

RGB(200,50,0)

和

RGB(50,200,0)

，⽤上述公式进

⾏计算就是：

R

Step1

=R

A

=R

A

+(B

A

-R

A

)/Step*N=200+(50-200)/3*1=200-50=150

G

Step1

=G

A

=G

A

+(G

A

-G

A

)/Step*N=50+(200-50)/3*1=50+50=100

B

Step1

=B

A

=B

A

+(B

A

-B

A

)/Step*N=0

因此

RGB

Step1

=(150,100,0)

，同样的⽅法可以求出

RGB

Step2

=(100,150,0)

。