#CECACE - #A57AAC | colorate

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

Blend #CECACE to #A57AAC

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

RGB混合

#CECACE - #A57AAC | colorate

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

0.0%	0.0% #CECACE	RGB 206 202 206	#CECACE
16.7%	16.7% #C7BCC8	RGB 199 188 200	#C7BCC8
33.3%	33.3% #C0AFC2	RGB 192 175 194	#C0AFC2
50.0%	50.0% #B9A2BD	RGB 185 162 189	#B9A2BD
66.7%	66.7% #B294B7	RGB 178 148 183	#B294B7
83.3%	83.3% #AB87B1	RGB 171 135 177	#AB87B1
100.0%	100.0% #A57AAC	RGB 165 122 172	#A57AAC

#CECACE #C7BCC8 #C0AFC2 #B9A2BD #B294B7 #AB87B1 #A57AAC

#CECACE - #A57AAC

HSV混合

#CECACE - #A57AAC | colorate

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

0.0%	0.0% #CECACE	RGB 206 202 206	#CECACE
16.7%	16.7% #C8BBC8	RGB 200 187 200	#C8BBC8
33.3%	33.3% #C1ADC2	RGB 193 173 194	#C1ADC2
50.0%	50.0% #BA9FBD	RGB 186 159 189	#BA9FBD
66.7%	66.7% #B392B7	RGB 179 146 183	#B392B7
83.3%	83.3% #AC86B1	RGB 172 134 177	#AC86B1
100.0%	100.0% #A57AAC	RGB 165 122 172	#A57AAC

#CECACE #C8BBC8 #C1ADC2 #BA9FBD #B392B7 #AC86B1 #A57AAC

#CECACE - #BA9FBD - #A57AAC

CSS代码

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

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