#918E8C - #5E4A35 | colorate

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

Blend #918E8C to #5E4A35

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

RGB混合

#918E8C - #5E4A35 | colorate

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

0.0%	0.0% #918E8C	RGB 145 142 140	#918E8C
16.7%	16.7% #88827D	RGB 136 130 125	#88827D
33.3%	33.3% #80776F	RGB 128 119 111	#80776F
50.0%	50.0% #776C60	RGB 119 108 96	#776C60
66.7%	66.7% #6F6052	RGB 111 96 82	#6F6052
83.3%	83.3% #665543	RGB 102 85 67	#665543
100.0%	100.0% #5E4A35	RGB 94 74 53	#5E4A35

#918E8C #88827D #80776F #776C60 #6F6052 #665543 #5E4A35

#918E8C - #5E4A35

HSV混合

#918E8C - #5E4A35 | colorate

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

0.0%	0.0% #918E8C	RGB 145 142 140	#918E8C
16.7%	16.7% #88807A	RGB 136 128 122	#88807A
33.3%	33.3% #80736A	RGB 128 115 106	#80736A
50.0%	50.0% #77685B	RGB 119 104 91	#77685B
66.7%	66.7% #6F5D4D	RGB 111 93 77	#6F5D4D
83.3%	83.3% #665340	RGB 102 83 64	#665340
100.0%	100.0% #5E4A35	RGB 94 74 53	#5E4A35

#918E8C #88807A #80736A #77685B #6F5D4D #665340 #5E4A35

#918E8C - #77685B - #5E4A35

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #918E8C 0%, #77685B 50%, #5E4A35 100%);
    background: -webkit-linear-gradient(top, #918E8C 0%, #77685B 50%, #5E4A35 100%);
    background: linear-gradient(to bottom, #918E8C 0%, #77685B 50%, #5E4A35 100%);
}
</style>