#3C403C - #876B8F | colorate

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

Blend #3C403C to #876B8F

计算两种颜色#3C403C和#876B8F之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#3C403C - #876B8F | colorate

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

0.0%	0.0% #3C403C	RGB 60 64 60	#3C403C
16.7%	16.7% #484749	RGB 72 71 73	#484749
33.3%	33.3% #554E57	RGB 85 78 87	#554E57
50.0%	50.0% #615565	RGB 97 85 101	#615565
66.7%	66.7% #6E5C73	RGB 110 92 115	#6E5C73
83.3%	83.3% #7A6381	RGB 122 99 129	#7A6381
100.0%	100.0% #876B8F	RGB 135 107 143	#876B8F

#3C403C #484749 #554E57 #615565 #6E5C73 #7A6381 #876B8F

#3C403C - #876B8F

HSV混合

#3C403C - #876B8F | colorate

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

0.0%	0.0% #3C403C	RGB 60 64 60	#3C403C
16.7%	16.7% #454D49	RGB 69 77 73	#454D49
33.3%	33.3% #4E5A59	RGB 78 90 89	#4E5A59
50.0%	50.0% #576167	RGB 87 97 103	#576167
66.7%	66.7% #5E6174	RGB 94 97 116	#5E6174
83.3%	83.3% #6E6581	RGB 110 101 129	#6E6581
100.0%	100.0% #876B8F	RGB 135 107 143	#876B8F

#3C403C #454D49 #4E5A59 #576167 #5E6174 #6E6581 #876B8F

#3C403C - #576167 - #876B8F

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C403C 0%, #576167 50%, #876B8F 100%);
    background: -webkit-linear-gradient(top, #3C403C 0%, #576167 50%, #876B8F 100%);
    background: linear-gradient(to bottom, #3C403C 0%, #576167 50%, #876B8F 100%);
}
</style>