#C19E5E - #98601B | colorate

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

Blend #C19E5E to #98601B

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

RGB混合

#C19E5E - #98601B | colorate

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

0.0%	0.0% #C19E5E	RGB 193 158 94	#C19E5E
16.7%	16.7% #BA9352	RGB 186 147 82	#BA9352
33.3%	33.3% #B38947	RGB 179 137 71	#B38947
50.0%	50.0% #AC7F3C	RGB 172 127 60	#AC7F3C
66.7%	66.7% #A57431	RGB 165 116 49	#A57431
83.3%	83.3% #9E6A26	RGB 158 106 38	#9E6A26
100.0%	100.0% #98601B	RGB 152 96 27	#98601B

#C19E5E #BA9352 #B38947 #AC7F3C #A57431 #9E6A26 #98601B

#C19E5E - #98601B

HSV混合

#C19E5E - #98601B | colorate

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

0.0%	0.0% #C19E5E	RGB 193 158 94	#C19E5E
16.7%	16.7% #BA9351	RGB 186 147 81	#BA9351
33.3%	33.3% #B38844	RGB 179 136 68	#B38844
50.0%	50.0% #AC7E39	RGB 172 126 57	#AC7E39
66.7%	66.7% #A5742E	RGB 165 116 46	#A5742E
83.3%	83.3% #9E6924	RGB 158 105 36	#9E6924
100.0%	100.0% #98601B	RGB 152 96 27	#98601B

#C19E5E #BA9351 #B38844 #AC7E39 #A5742E #9E6924 #98601B

#C19E5E - #AC7E39 - #98601B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C19E5E 0%, #AC7E39 50%, #98601B 100%);
    background: -webkit-linear-gradient(top, #C19E5E 0%, #AC7E39 50%, #98601B 100%);
    background: linear-gradient(to bottom, #C19E5E 0%, #AC7E39 50%, #98601B 100%);
}
</style>