#6B5E62 - #46221C | colorate

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

Blend #6B5E62 to #46221C

计算两种颜色#6B5E62和#46221C之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#6B5E62 - #46221C | colorate

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

0.0%	0.0% #6B5E62	RGB 107 94 98	#6B5E62
16.7%	16.7% #645456	RGB 100 84 86	#645456
33.3%	33.3% #5E4A4A	RGB 94 74 74	#5E4A4A
50.0%	50.0% #58403F	RGB 88 64 63	#58403F
66.7%	66.7% #523633	RGB 82 54 51	#523633
83.3%	83.3% #4C2C27	RGB 76 44 39	#4C2C27
100.0%	100.0% #46221C	RGB 70 34 28	#46221C

#6B5E62 #645456 #5E4A4A #58403F #523633 #4C2C27 #46221C

#6B5E62 - #46221C

HSV混合

#6B5E62 - #46221C | colorate

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

0.0%	0.0% #6B5E62	RGB 107 94 98	#6B5E62
16.7%	16.7% #645055	RGB 100 80 85	#645055
33.3%	33.3% #5E4448	RGB 94 68 72	#5E4448
50.0%	50.0% #58383B	RGB 88 56 59	#58383B
66.7%	66.7% #522E2E	RGB 82 46 46	#522E2E
83.3%	83.3% #4C2724	RGB 76 39 36	#4C2724
100.0%	100.0% #46221C	RGB 70 34 28	#46221C

#6B5E62 #645055 #5E4448 #58383B #522E2E #4C2724 #46221C

#6B5E62 - #58383B - #46221C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E62 0%, #58383B 50%, #46221C 100%);
    background: -webkit-linear-gradient(top, #6B5E62 0%, #58383B 50%, #46221C 100%);
    background: linear-gradient(to bottom, #6B5E62 0%, #58383B 50%, #46221C 100%);
}
</style>