#6E6760 - #CF8C86 | colorate

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

Blend #6E6760 to #CF8C86

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

RGB混合

#6E6760 - #CF8C86 | colorate

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

0.0%	0.0% #6E6760	RGB 110 103 96	#6E6760
16.7%	16.7% #7E6D66	RGB 126 109 102	#7E6D66
33.3%	33.3% #8E736C	RGB 142 115 108	#8E736C
50.0%	50.0% #9E7973	RGB 158 121 115	#9E7973
66.7%	66.7% #AE7F79	RGB 174 127 121	#AE7F79
83.3%	83.3% #BE857F	RGB 190 133 127	#BE857F
100.0%	100.0% #CF8C86	RGB 207 140 134	#CF8C86

#6E6760 #7E6D66 #8E736C #9E7973 #AE7F79 #BE857F #CF8C86

#6E6760 - #CF8C86

HSV混合

#6E6760 - #CF8C86 | colorate

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

0.0%	0.0% #6E6760	RGB 110 103 96	#6E6760
16.7%	16.7% #7E7269	RGB 126 114 105	#7E7269
33.3%	33.3% #8E7B71	RGB 142 123 113	#8E7B71
50.0%	50.0% #9E8378	RGB 158 131 120	#9E8378
66.7%	66.7% #AE887E	RGB 174 136 126	#AE887E
83.3%	83.3% #BE8B82	RGB 190 139 130	#BE8B82
100.0%	100.0% #CF8C86	RGB 207 140 134	#CF8C86

#6E6760 #7E7269 #8E7B71 #9E8378 #AE887E #BE8B82 #CF8C86

#6E6760 - #9E8378 - #CF8C86

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E6760 0%, #9E8378 50%, #CF8C86 100%);
    background: -webkit-linear-gradient(top, #6E6760 0%, #9E8378 50%, #CF8C86 100%);
    background: linear-gradient(to bottom, #6E6760 0%, #9E8378 50%, #CF8C86 100%);
}
</style>