#8889AC - #DDDDE7 | colorate

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

Blend #8889AC to #DDDDE7

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

RGB混合

#8889AC - #DDDDE7 | colorate

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

0.0%	0.0% #8889AC	RGB 136 137 172	#8889AC
16.7%	16.7% #9697B5	RGB 150 151 181	#9697B5
33.3%	33.3% #A4A5BF	RGB 164 165 191	#A4A5BF
50.0%	50.0% #B2B3C9	RGB 178 179 201	#B2B3C9
66.7%	66.7% #C0C1D3	RGB 192 193 211	#C0C1D3
83.3%	83.3% #CECFDD	RGB 206 207 221	#CECFDD
100.0%	100.0% #DDDDE7	RGB 221 221 231	#DDDDE7

#8889AC #9697B5 #A4A5BF #B2B3C9 #C0C1D3 #CECFDD #DDDDE7

#8889AC - #DDDDE7

HSV混合

#8889AC - #DDDDE7 | colorate

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

0.0%	0.0% #8889AC	RGB 136 137 172	#8889AC
16.7%	16.7% #9495B5	RGB 148 149 181	#9495B5
33.3%	33.3% #A2A2BF	RGB 162 162 191	#A2A2BF
50.0%	50.0% #B0B0C9	RGB 176 176 201	#B0B0C9
66.7%	66.7% #BEBED3	RGB 190 190 211	#BEBED3
83.3%	83.3% #CDCDDD	RGB 205 205 221	#CDCDDD
100.0%	100.0% #DDDDE7	RGB 221 221 231	#DDDDE7

#8889AC #9495B5 #A2A2BF #B0B0C9 #BEBED3 #CDCDDD #DDDDE7

#8889AC - #B0B0C9 - #DDDDE7

CSS代码

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

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