#7E5E7C - #DAD1D9 | colorate

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

Blend #7E5E7C to #DAD1D9

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

RGB混合

#7E5E7C - #DAD1D9 | colorate

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

0.0%	0.0% #7E5E7C	RGB 126 94 124	#7E5E7C
16.7%	16.7% #8D718B	RGB 141 113 139	#8D718B
33.3%	33.3% #9C849B	RGB 156 132 155	#9C849B
50.0%	50.0% #AC97AA	RGB 172 151 170	#AC97AA
66.7%	66.7% #BBAABA	RGB 187 170 186	#BBAABA
83.3%	83.3% #CABDC9	RGB 202 189 201	#CABDC9
100.0%	100.0% #DAD1D9	RGB 218 209 217	#DAD1D9

#7E5E7C #8D718B #9C849B #AC97AA #BBAABA #CABDC9 #DAD1D9

#7E5E7C - #DAD1D9

HSV混合

#7E5E7C - #DAD1D9 | colorate

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

0.0%	0.0% #7E5E7C	RGB 126 94 124	#7E5E7C
16.7%	16.7% #8D6E8B	RGB 141 110 139	#8D6E8B
33.3%	33.3% #9C7F9A	RGB 156 127 154	#9C7F9A
50.0%	50.0% #AC92A9	RGB 172 146 169	#AC92A9
66.7%	66.7% #BBA6B9	RGB 187 166 185	#BBA6B9
83.3%	83.3% #CABBC9	RGB 202 187 201	#CABBC9
100.0%	100.0% #DAD1D9	RGB 218 209 217	#DAD1D9

#7E5E7C #8D6E8B #9C7F9A #AC92A9 #BBA6B9 #CABBC9 #DAD1D9

#7E5E7C - #AC92A9 - #DAD1D9

CSS代码

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

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