#5A5E3E - #A57174 | colorate

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

Blend #5A5E3E to #A57174

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

RGB混合

#5A5E3E - #A57174 | colorate

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

0.0%	0.0% #5A5E3E	RGB 90 94 62	#5A5E3E
16.7%	16.7% #666147	RGB 102 97 71	#666147
33.3%	33.3% #736450	RGB 115 100 80	#736450
50.0%	50.0% #7F6759	RGB 127 103 89	#7F6759
66.7%	66.7% #8C6A62	RGB 140 106 98	#8C6A62
83.3%	83.3% #986D6B	RGB 152 109 107	#986D6B
100.0%	100.0% #A57174	RGB 165 113 116	#A57174

#5A5E3E #666147 #736450 #7F6759 #8C6A62 #986D6B #A57174

#5A5E3E - #A57174

HSV混合

#5A5E3E - #A57174 | colorate

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

0.0%	0.0% #5A5E3E	RGB 90 94 62	#5A5E3E
16.7%	16.7% #696746	RGB 105 103 70	#696746
33.3%	33.3% #756B4E	RGB 117 107 78	#756B4E
50.0%	50.0% #816D57	RGB 129 109 87	#816D57
66.7%	66.7% #8D6E5F	RGB 141 110 95	#8D6E5F
83.3%	83.3% #996F68	RGB 153 111 104	#996F68
100.0%	100.0% #A57174	RGB 165 113 116	#A57174

#5A5E3E #696746 #756B4E #816D57 #8D6E5F #996F68 #A57174

#5A5E3E - #816D57 - #A57174

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A5E3E 0%, #816D57 50%, #A57174 100%);
    background: -webkit-linear-gradient(top, #5A5E3E 0%, #816D57 50%, #A57174 100%);
    background: linear-gradient(to bottom, #5A5E3E 0%, #816D57 50%, #A57174 100%);
}
</style>