#7E676F - #4D1A29 | colorate

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

Blend #7E676F to #4D1A29

计算两种颜色#7E676F和#4D1A29之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#7E676F - #4D1A29 | colorate

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

0.0%	0.0% #7E676F	RGB 126 103 111	#7E676F
16.7%	16.7% #755A63	RGB 117 90 99	#755A63
33.3%	33.3% #6D4D57	RGB 109 77 87	#6D4D57
50.0%	50.0% #65404C	RGB 101 64 76	#65404C
66.7%	66.7% #5D3340	RGB 93 51 64	#5D3340
83.3%	83.3% #552634	RGB 85 38 52	#552634
100.0%	100.0% #4D1A29	RGB 77 26 41	#4D1A29

#7E676F #755A63 #6D4D57 #65404C #5D3340 #552634 #4D1A29

#7E676F - #4D1A29

HSV混合

#7E676F - #4D1A29 | colorate

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

0.0%	0.0% #7E676F	RGB 126 103 111	#7E676F
16.7%	16.7% #755661	RGB 117 86 97	#755661
33.3%	33.3% #6D4854	RGB 109 72 84	#6D4854
50.0%	50.0% #653A48	RGB 101 58 72	#653A48
66.7%	66.7% #5D2E3D	RGB 93 46 61	#5D2E3D
83.3%	83.3% #552332	RGB 85 35 50	#552332
100.0%	100.0% #4D1A29	RGB 77 26 41	#4D1A29

#7E676F #755661 #6D4854 #653A48 #5D2E3D #552332 #4D1A29

#7E676F - #653A48 - #4D1A29

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E676F 0%, #653A48 50%, #4D1A29 100%);
    background: -webkit-linear-gradient(top, #7E676F 0%, #653A48 50%, #4D1A29 100%);
    background: linear-gradient(to bottom, #7E676F 0%, #653A48 50%, #4D1A29 100%);
}
</style>