#353732 - #869E5E | colorate

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

Blend #353732 to #869E5E

计算两种颜色#353732和#869E5E之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#353732 - #869E5E | colorate

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

0.0%	0.0% #353732	RGB 53 55 50	#353732
16.7%	16.7% #424839	RGB 66 72 57	#424839
33.3%	33.3% #505940	RGB 80 89 64	#505940
50.0%	50.0% #5D6A48	RGB 93 106 72	#5D6A48
66.7%	66.7% #6B7B4F	RGB 107 123 79	#6B7B4F
83.3%	83.3% #788C56	RGB 120 140 86	#788C56
100.0%	100.0% #869E5E	RGB 134 158 94	#869E5E

#353732 #424839 #505940 #5D6A48 #6B7B4F #788C56 #869E5E

#353732 - #869E5E

HSV混合

#353732 - #869E5E | colorate

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

0.0%	0.0% #353732	RGB 53 55 50	#353732
16.7%	16.7% #44483D	RGB 68 72 61	#44483D
33.3%	33.3% #525947	RGB 82 89 71	#525947
50.0%	50.0% #606A50	RGB 96 106 80	#606A50
66.7%	66.7% #6D7B56	RGB 109 123 86	#6D7B56
83.3%	83.3% #798C5B	RGB 121 140 91	#798C5B
100.0%	100.0% #869E5E	RGB 134 158 94	#869E5E

#353732 #44483D #525947 #606A50 #6D7B56 #798C5B #869E5E

#353732 - #606A50 - #869E5E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353732 0%, #606A50 50%, #869E5E 100%);
    background: -webkit-linear-gradient(top, #353732 0%, #606A50 50%, #869E5E 100%);
    background: linear-gradient(to bottom, #353732 0%, #606A50 50%, #869E5E 100%);
}
</style>