#757C5E - #3D4D15 | colorate

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

Blend #757C5E to #3D4D15

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

RGB混合

#757C5E - #3D4D15 | colorate

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

0.0%	0.0% #757C5E	RGB 117 124 94	#757C5E
16.7%	16.7% #6B7451	RGB 107 116 81	#6B7451
33.3%	33.3% #626C45	RGB 98 108 69	#626C45
50.0%	50.0% #596439	RGB 89 100 57	#596439
66.7%	66.7% #4F5C2D	RGB 79 92 45	#4F5C2D
83.3%	83.3% #465421	RGB 70 84 33	#465421
100.0%	100.0% #3D4D15	RGB 61 77 21	#3D4D15

#757C5E #6B7451 #626C45 #596439 #4F5C2D #465421 #3D4D15

#757C5E - #3D4D15

HSV混合

#757C5E - #3D4D15 | colorate

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

0.0%	0.0% #757C5E	RGB 117 124 94	#757C5E
16.7%	16.7% #6B744E	RGB 107 116 78	#6B744E
33.3%	33.3% #616C40	RGB 97 108 64	#616C40
50.0%	50.0% #576433	RGB 87 100 51	#576433
66.7%	66.7% #4E5C28	RGB 78 92 40	#4E5C28
83.3%	83.3% #45541D	RGB 69 84 29	#45541D
100.0%	100.0% #3D4D15	RGB 61 77 21	#3D4D15

#757C5E #6B744E #616C40 #576433 #4E5C28 #45541D #3D4D15

#757C5E - #576433 - #3D4D15

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #757C5E 0%, #576433 50%, #3D4D15 100%);
    background: -webkit-linear-gradient(top, #757C5E 0%, #576433 50%, #3D4D15 100%);
    background: linear-gradient(to bottom, #757C5E 0%, #576433 50%, #3D4D15 100%);
}
</style>