#7E676F - #DD8ACB | colorate

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

Blend #7E676F to #DD8ACB

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

RGB混合

#7E676F - #DD8ACB | colorate

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

0.0%	0.0% #7E676F	RGB 126 103 111	#7E676F
16.7%	16.7% #8D6C7E	RGB 141 108 126	#8D6C7E
33.3%	33.3% #9D728D	RGB 157 114 141	#9D728D
50.0%	50.0% #AD789D	RGB 173 120 157	#AD789D
66.7%	66.7% #BD7EAC	RGB 189 126 172	#BD7EAC
83.3%	83.3% #CD84BB	RGB 205 132 187	#CD84BB
100.0%	100.0% #DD8ACB	RGB 221 138 203	#DD8ACB

#7E676F #8D6C7E #9D728D #AD789D #BD7EAC #CD84BB #DD8ACB

#7E676F - #DD8ACB

HSV混合

#7E676F - #DD8ACB | colorate

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

0.0%	0.0% #7E676F	RGB 126 103 111	#7E676F
16.7%	16.7% #8D6F7C	RGB 141 111 124	#8D6F7C
33.3%	33.3% #9D7689	RGB 157 118 137	#9D7689
50.0%	50.0% #AD7D98	RGB 173 125 152	#AD7D98
66.7%	66.7% #BD82A8	RGB 189 130 168	#BD82A8
83.3%	83.3% #CD86B8	RGB 205 134 184	#CD86B8
100.0%	100.0% #DD8ACB	RGB 221 138 203	#DD8ACB

#7E676F #8D6F7C #9D7689 #AD7D98 #BD82A8 #CD86B8 #DD8ACB

#7E676F - #AD7D98 - #DD8ACB

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E676F 0%, #AD7D98 50%, #DD8ACB 100%);
    background: -webkit-linear-gradient(top, #7E676F 0%, #AD7D98 50%, #DD8ACB 100%);
    background: linear-gradient(to bottom, #7E676F 0%, #AD7D98 50%, #DD8ACB 100%);
}
</style>