#5E717F - #B09BA3 | colorate

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

Blend #5E717F to #B09BA3

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

RGB混合

#5E717F - #B09BA3 | colorate

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

0.0%	0.0% #5E717F	RGB 94 113 127	#5E717F
16.7%	16.7% #6B7885	RGB 107 120 133	#6B7885
33.3%	33.3% #797F8B	RGB 121 127 139	#797F8B
50.0%	50.0% #878691	RGB 135 134 145	#878691
66.7%	66.7% #948D97	RGB 148 141 151	#948D97
83.3%	83.3% #A2949D	RGB 162 148 157	#A2949D
100.0%	100.0% #B09BA3	RGB 176 155 163	#B09BA3

#5E717F #6B7885 #797F8B #878691 #948D97 #A2949D #B09BA3

#5E717F - #B09BA3

HSV混合

#5E717F - #B09BA3 | colorate

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

0.0%	0.0% #5E717F	RGB 94 113 127	#5E717F
16.7%	16.7% #676D87	RGB 103 109 135	#676D87
33.3%	33.3% #75708F	RGB 117 112 143	#75708F
50.0%	50.0% #897A97	RGB 137 122 151	#897A97
66.7%	66.7% #9C859F	RGB 156 133 159	#9C859F
83.3%	83.3% #A78FA1	RGB 167 143 161	#A78FA1
100.0%	100.0% #B09BA3	RGB 176 155 163	#B09BA3

#5E717F #676D87 #75708F #897A97 #9C859F #A78FA1 #B09BA3

#5E717F - #897A97 - #B09BA3

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E717F 0%, #897A97 50%, #B09BA3 100%);
    background: -webkit-linear-gradient(top, #5E717F 0%, #897A97 50%, #B09BA3 100%);
    background: linear-gradient(to bottom, #5E717F 0%, #897A97 50%, #B09BA3 100%);
}
</style>