#AC6B6E - #E7D4D4 | colorate

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

Blend #AC6B6E to #E7D4D4

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

RGB混合

#AC6B6E - #E7D4D4 | colorate

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

0.0%	0.0% #AC6B6E	RGB 172 107 110	#AC6B6E
16.7%	16.7% #B57C7F	RGB 181 124 127	#B57C7F
33.3%	33.3% #BF8E90	RGB 191 142 144	#BF8E90
50.0%	50.0% #C99FA1	RGB 201 159 161	#C99FA1
66.7%	66.7% #D3B1B2	RGB 211 177 178	#D3B1B2
83.3%	83.3% #DDC2C3	RGB 221 194 195	#DDC2C3
100.0%	100.0% #E7D4D4	RGB 231 212 212	#E7D4D4

#AC6B6E #B57C7F #BF8E90 #C99FA1 #D3B1B2 #DDC2C3 #E7D4D4

#AC6B6E - #E7D4D4

HSV混合

#AC6B6E - #E7D4D4 | colorate

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

0.0%	0.0% #AC6B6E	RGB 172 107 110	#AC6B6E
16.7%	16.7% #B57A7C	RGB 181 122 124	#B57A7C
33.3%	33.3% #BF8A8B	RGB 191 138 139	#BF8A8B
50.0%	50.0% #C99B9C	RGB 201 155 156	#C99B9C
66.7%	66.7% #D3ADAD	RGB 211 173 173	#D3ADAD
83.3%	83.3% #DDC0C0	RGB 221 192 192	#DDC0C0
100.0%	100.0% #E7D4D4	RGB 231 212 212	#E7D4D4

#AC6B6E #B57A7C #BF8A8B #C99B9C #D3ADAD #DDC0C0 #E7D4D4

#AC6B6E - #C99B9C - #E7D4D4

CSS代码

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

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