#5E4F46 - #CEAF70 | colorate

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

Blend #5E4F46 to #CEAF70

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

RGB混合

#5E4F46 - #CEAF70 | colorate

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

0.0%	0.0% #5E4F46	RGB 94 79 70	#5E4F46
16.7%	16.7% #705F4D	RGB 112 95 77	#705F4D
33.3%	33.3% #836F54	RGB 131 111 84	#836F54
50.0%	50.0% #967F5B	RGB 150 127 91	#967F5B
66.7%	66.7% #A88F62	RGB 168 143 98	#A88F62
83.3%	83.3% #BB9F69	RGB 187 159 105	#BB9F69
100.0%	100.0% #CEAF70	RGB 206 175 112	#CEAF70

#5E4F46 #705F4D #836F54 #967F5B #A88F62 #BB9F69 #CEAF70

#5E4F46 - #CEAF70

HSV混合

#5E4F46 - #CEAF70 | colorate

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

0.0%	0.0% #5E4F46	RGB 94 79 70	#5E4F46
16.7%	16.7% #705D50	RGB 112 93 80	#705D50
33.3%	33.3% #836D59	RGB 131 109 89	#836D59
50.0%	50.0% #967C60	RGB 150 124 96	#967C60
66.7%	66.7% #A88C67	RGB 168 140 103	#A88C67
83.3%	83.3% #BB9D6C	RGB 187 157 108	#BB9D6C
100.0%	100.0% #CEAF70	RGB 206 175 112	#CEAF70

#5E4F46 #705D50 #836D59 #967C60 #A88C67 #BB9D6C #CEAF70

#5E4F46 - #967C60 - #CEAF70

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4F46 0%, #967C60 50%, #CEAF70 100%);
    background: -webkit-linear-gradient(top, #5E4F46 0%, #967C60 50%, #CEAF70 100%);
    background: linear-gradient(to bottom, #5E4F46 0%, #967C60 50%, #CEAF70 100%);
}
</style>