#BEBEC1 - #666B7E | colorate

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

Blend #BEBEC1 to #666B7E

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

RGB混合

#BEBEC1 - #666B7E | colorate

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

0.0%	0.0% #BEBEC1	RGB 190 190 193	#BEBEC1
16.7%	16.7% #AFB0B5	RGB 175 176 181	#AFB0B5
33.3%	33.3% #A0A2AA	RGB 160 162 170	#A0A2AA
50.0%	50.0% #92949F	RGB 146 148 159	#92949F
66.7%	66.7% #838694	RGB 131 134 148	#838694
83.3%	83.3% #747889	RGB 116 120 137	#747889
100.0%	100.0% #666B7E	RGB 102 107 126	#666B7E

#BEBEC1 #AFB0B5 #A0A2AA #92949F #838694 #747889 #666B7E

#BEBEC1 - #666B7E

HSV混合

#BEBEC1 - #666B7E | colorate

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

0.0%	0.0% #BEBEC1	RGB 190 190 193	#BEBEC1
16.7%	16.7% #ADADB5	RGB 173 173 181	#ADADB5
33.3%	33.3% #9E9EAA	RGB 158 158 170	#9E9EAA
50.0%	50.0% #8F909F	RGB 143 144 159	#8F909F
66.7%	66.7% #808394	RGB 128 131 148	#808394
83.3%	83.3% #737689	RGB 115 118 137	#737689
100.0%	100.0% #666B7E	RGB 102 107 126	#666B7E

#BEBEC1 #ADADB5 #9E9EAA #8F909F #808394 #737689 #666B7E

#BEBEC1 - #8F909F - #666B7E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BEBEC1 0%, #8F909F 50%, #666B7E 100%);
    background: -webkit-linear-gradient(top, #BEBEC1 0%, #8F909F 50%, #666B7E 100%);
    background: linear-gradient(to bottom, #BEBEC1 0%, #8F909F 50%, #666B7E 100%);
}
</style>