#201311 - #644C44 | colorate

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

Blend #201311 to #644C44

#201311 #644C44

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

RGB混合

#201311 - #644C44 | colorate

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

0.0%	0.0% #201311	RGB 32 19 17	#201311
16.7%	16.7% #2B1C19	RGB 43 28 25	#2B1C19
33.3%	33.3% #362622	RGB 54 38 34	#362622
50.0%	50.0% #422F2A	RGB 66 47 42	#422F2A
66.7%	66.7% #4D3933	RGB 77 57 51	#4D3933
83.3%	83.3% #58423B	RGB 88 66 59	#58423B
100.0%	100.0% #644C44	RGB 100 76 68	#644C44

#201311 #2B1C19 #362622 #422F2A #4D3933 #58423B #644C44

#201311 - #644C44

HSV混合

#201311 - #644C44 | colorate

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

0.0%	0.0% #201311	RGB 32 19 17	#201311
16.7%	16.7% #2B1B18	RGB 43 27 24	#2B1B18
33.3%	33.3% #36231F	RGB 54 35 31	#36231F
50.0%	50.0% #422C27	RGB 66 44 39	#422C27
66.7%	66.7% #4D3630	RGB 77 54 48	#4D3630
83.3%	83.3% #58413A	RGB 88 65 58	#58413A
100.0%	100.0% #644C44	RGB 100 76 68	#644C44

#201311 #2B1B18 #36231F #422C27 #4D3630 #58413A #644C44

#201311 - #422C27 - #644C44

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201311 0%, #422C27 50%, #644C44 100%);
    background: -webkit-linear-gradient(top, #201311 0%, #422C27 50%, #644C44 100%);
    background: linear-gradient(to bottom, #201311 0%, #422C27 50%, #644C44 100%);
}
</style>