#5E799C - #BDBBB7 | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #5E799C to #BDBBB7

计算两种颜色#5E799C和#BDBBB7之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#5E799C - #BDBBB7 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#5E799C的两种颜色之间的颜色扩展为0％，将#BDBBB7扩展为100％。

0.0%	0.0% #5E799C	RGB 94 121 156	#5E799C
16.7%	16.7% #6D84A0	RGB 109 132 160	#6D84A0
33.3%	33.3% #7D8FA5	RGB 125 143 165	#7D8FA5
50.0%	50.0% #8D9AA9	RGB 141 154 169	#8D9AA9
66.7%	66.7% #9DA5AE	RGB 157 165 174	#9DA5AE
83.3%	83.3% #ADB0B2	RGB 173 176 178	#ADB0B2
100.0%	100.0% #BDBBB7	RGB 189 187 183	#BDBBB7

#5E799C #6D84A0 #7D8FA5 #8D9AA9 #9DA5AE #ADB0B2 #BDBBB7

#5E799C - #BDBBB7

HSV混合

#5E799C - #BDBBB7 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#5E799C的两种颜色之间的颜色扩展为0％，将#BDBBB7扩展为100％。

0.0%	0.0% #5E799C	RGB 94 121 156	#5E799C
16.7%	16.7% #6B9DA1	RGB 107 157 161	#6B9DA1
33.3%	33.3% #78A794	RGB 120 167 148	#78A794
50.0%	50.0% #87AC8B	RGB 135 172 139	#87AC8B
66.7%	66.7% #A0B296	RGB 160 178 150	#A0B296
83.3%	83.3% #B4B7A6	RGB 180 183 166	#B4B7A6
100.0%	100.0% #BDBBB7	RGB 189 187 183	#BDBBB7

#5E799C #6B9DA1 #78A794 #87AC8B #A0B296 #B4B7A6 #BDBBB7

#5E799C - #87AC8B - #BDBBB7

CSS代码

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #5E799C 0%, #BDBBB7 100%);
    background: -webkit-linear-gradient(top, #5E799C 0%, #BDBBB7 100%);
    background: linear-gradient(to bottom, #5E799C 0%, #BDBBB7 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E799C 0%, #87AC8B 50%, #BDBBB7 100%);
    background: -webkit-linear-gradient(top, #5E799C 0%, #87AC8B 50%, #BDBBB7 100%);
    background: linear-gradient(to bottom, #5E799C 0%, #87AC8B 50%, #BDBBB7 100%);
}
</style>