#503C24 - #857A70 | colorate

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

Blend #503C24 to #857A70

计算两种颜色#503C24和#857A70之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#503C24 - #857A70 | colorate

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

0.0%	0.0% #503C24	RGB 80 60 36	#503C24
16.7%	16.7% #584630	RGB 88 70 48	#584630
33.3%	33.3% #61503D	RGB 97 80 61	#61503D
50.0%	50.0% #6A5B4A	RGB 106 91 74	#6A5B4A
66.7%	66.7% #736556	RGB 115 101 86	#736556
83.3%	83.3% #7C6F63	RGB 124 111 99	#7C6F63
100.0%	100.0% #857A70	RGB 133 122 112	#857A70

#503C24 #584630 #61503D #6A5B4A #736556 #7C6F63 #857A70

#503C24 - #857A70

HSV混合

#503C24 - #857A70 | colorate

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

0.0%	0.0% #503C24	RGB 80 60 36	#503C24
16.7%	16.7% #58442D	RGB 88 68 45	#58442D
33.3%	33.3% #614E38	RGB 97 78 56	#614E38
50.0%	50.0% #6A5844	RGB 106 88 68	#6A5844
66.7%	66.7% #736252	RGB 115 98 82	#736252
83.3%	83.3% #7C6D60	RGB 124 109 96	#7C6D60
100.0%	100.0% #857A70	RGB 133 122 112	#857A70

#503C24 #58442D #614E38 #6A5844 #736252 #7C6D60 #857A70

#503C24 - #6A5844 - #857A70

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #503C24 0%, #6A5844 50%, #857A70 100%);
    background: -webkit-linear-gradient(top, #503C24 0%, #6A5844 50%, #857A70 100%);
    background: linear-gradient(to bottom, #503C24 0%, #6A5844 50%, #857A70 100%);
}
</style>