#C2A8C7 - #905392 | colorate

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

Blend #C2A8C7 to #905392

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

RGB混合

#C2A8C7 - #905392 | colorate

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

0.0%	0.0% #C2A8C7	RGB 194 168 199	#C2A8C7
16.7%	16.7% #B999BE	RGB 185 153 190	#B999BE
33.3%	33.3% #B18BB5	RGB 177 139 181	#B18BB5
50.0%	50.0% #A97DAC	RGB 169 125 172	#A97DAC
66.7%	66.7% #A06FA3	RGB 160 111 163	#A06FA3
83.3%	83.3% #98619A	RGB 152 97 154	#98619A
100.0%	100.0% #905392	RGB 144 83 146	#905392

#C2A8C7 #B999BE #B18BB5 #A97DAC #A06FA3 #98619A #905392

#C2A8C7 - #905392

HSV混合

#C2A8C7 - #905392 | colorate

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

0.0%	0.0% #C2A8C7	RGB 194 168 199	#C2A8C7
16.7%	16.7% #B897BE	RGB 184 151 190	#B897BE
33.3%	33.3% #B088B5	RGB 176 136 181	#B088B5
50.0%	50.0% #A779AC	RGB 167 121 172	#A779AC
66.7%	66.7% #9F6CA3	RGB 159 108 163	#9F6CA3
83.3%	83.3% #975F9A	RGB 151 95 154	#975F9A
100.0%	100.0% #905392	RGB 144 83 146	#905392

#C2A8C7 #B897BE #B088B5 #A779AC #9F6CA3 #975F9A #905392

#C2A8C7 - #A779AC - #905392

CSS代码

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

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