#6B5E68 - #E68095 | colorate

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

Blend #6B5E68 to #E68095

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

RGB混合

#6B5E68 - #E68095 | colorate

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

0.0%	0.0% #6B5E68	RGB 107 94 104	#6B5E68
16.7%	16.7% #7F636F	RGB 127 99 111	#7F636F
33.3%	33.3% #946977	RGB 148 105 119	#946977
50.0%	50.0% #A86F7E	RGB 168 111 126	#A86F7E
66.7%	66.7% #BD7486	RGB 189 116 134	#BD7486
83.3%	83.3% #D17A8D	RGB 209 122 141	#D17A8D
100.0%	100.0% #E68095	RGB 230 128 149	#E68095

#6B5E68 #7F636F #946977 #A86F7E #BD7486 #D17A8D #E68095

#6B5E68 - #E68095

HSV混合

#6B5E68 - #E68095 | colorate

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

0.0%	0.0% #6B5E68	RGB 107 94 104	#6B5E68
16.7%	16.7% #7F6978	RGB 127 105 120	#7F6978
33.3%	33.3% #947285	RGB 148 114 133	#947285
50.0%	50.0% #A87890	RGB 168 120 144	#A87890
66.7%	66.7% #BD7D96	RGB 189 125 150	#BD7D96
83.3%	83.3% #D17F98	RGB 209 127 152	#D17F98
100.0%	100.0% #E68095	RGB 230 128 149	#E68095

#6B5E68 #7F6978 #947285 #A87890 #BD7D96 #D17F98 #E68095

#6B5E68 - #A87890 - #E68095

CSS代码

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

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