#5E593A - #BA7462 | colorate

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

Blend #5E593A to #BA7462

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

RGB混合

#5E593A - #BA7462 | colorate

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

0.0%	0.0% #5E593A	RGB 94 89 58	#5E593A
16.7%	16.7% #6D5D40	RGB 109 93 64	#6D5D40
33.3%	33.3% #7C6247	RGB 124 98 71	#7C6247
50.0%	50.0% #8C664E	RGB 140 102 78	#8C664E
66.7%	66.7% #9B6B54	RGB 155 107 84	#9B6B54
83.3%	83.3% #AA6F5B	RGB 170 111 91	#AA6F5B
100.0%	100.0% #BA7462	RGB 186 116 98	#BA7462

#5E593A #6D5D40 #7C6247 #8C664E #9B6B54 #AA6F5B #BA7462

#5E593A - #BA7462

HSV混合

#5E593A - #BA7462 | colorate

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

0.0%	0.0% #5E593A	RGB 94 89 58	#5E593A
16.7%	16.7% #6D6241	RGB 109 98 65	#6D6241
33.3%	33.3% #7C6A49	RGB 124 106 73	#7C6A49
50.0%	50.0% #8C7050	RGB 140 112 80	#8C7050
66.7%	66.7% #9B7356	RGB 155 115 86	#9B7356
83.3%	83.3% #AA755C	RGB 170 117 92	#AA755C
100.0%	100.0% #BA7462	RGB 186 116 98	#BA7462

#5E593A #6D6241 #7C6A49 #8C7050 #9B7356 #AA755C #BA7462

#5E593A - #8C7050 - #BA7462

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E593A 0%, #8C7050 50%, #BA7462 100%);
    background: -webkit-linear-gradient(top, #5E593A 0%, #8C7050 50%, #BA7462 100%);
    background: linear-gradient(to bottom, #5E593A 0%, #8C7050 50%, #BA7462 100%);
}
</style>