#8C4D4D - #691D0E | colorate

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

Blend #8C4D4D to #691D0E

计算两种颜色#8C4D4D和#691D0E之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#8C4D4D - #691D0E | colorate

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

0.0%	0.0% #8C4D4D	RGB 140 77 77	#8C4D4D
16.7%	16.7% #864542	RGB 134 69 66	#864542
33.3%	33.3% #803D38	RGB 128 61 56	#803D38
50.0%	50.0% #7A352D	RGB 122 53 45	#7A352D
66.7%	66.7% #742D23	RGB 116 45 35	#742D23
83.3%	83.3% #6E2518	RGB 110 37 24	#6E2518
100.0%	100.0% #691D0E	RGB 105 29 14	#691D0E

#8C4D4D #864542 #803D38 #7A352D #742D23 #6E2518 #691D0E

#8C4D4D - #691D0E

HSV混合

#8C4D4D - #691D0E | colorate

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

0.0%	0.0% #8C4D4D	RGB 140 77 77	#8C4D4D
16.7%	16.7% #864240	RGB 134 66 64	#864240
33.3%	33.3% #803834	RGB 128 56 52	#803834
50.0%	50.0% #7A3029	RGB 122 48 41	#7A3029
66.7%	66.7% #74291F	RGB 116 41 31	#74291F
83.3%	83.3% #6E2216	RGB 110 34 22	#6E2216
100.0%	100.0% #691D0E	RGB 105 29 14	#691D0E

#8C4D4D #864240 #803834 #7A3029 #74291F #6E2216 #691D0E

#8C4D4D - #7A3029 - #691D0E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C4D4D 0%, #7A3029 50%, #691D0E 100%);
    background: -webkit-linear-gradient(top, #8C4D4D 0%, #7A3029 50%, #691D0E 100%);
    background: linear-gradient(to bottom, #8C4D4D 0%, #7A3029 50%, #691D0E 100%);
}
</style>