#CC8CFF - #8D37EE | colorate

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

Blend #CC8CFF to #8D37EE

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

RGB混合

#CC8CFF - #8D37EE | colorate

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

0.0%	0.0% #CC8CFF	RGB 204 140 255	#CC8CFF
16.7%	16.7% #C17DFC	RGB 193 125 252	#C17DFC
33.3%	33.3% #B76FF9	RGB 183 111 249	#B76FF9
50.0%	50.0% #AC61F6	RGB 172 97 246	#AC61F6
66.7%	66.7% #A253F3	RGB 162 83 243	#A253F3
83.3%	83.3% #9745F0	RGB 151 69 240	#9745F0
100.0%	100.0% #8D37EE	RGB 141 55 238	#8D37EE

#CC8CFF #C17DFC #B76FF9 #AC61F6 #A253F3 #9745F0 #8D37EE

#CC8CFF - #8D37EE

HSV混合

#CC8CFF - #8D37EE | colorate

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

0.0%	0.0% #CC8CFF	RGB 204 140 255	#CC8CFF
16.7%	16.7% #C17DFC	RGB 193 125 252	#C17DFC
33.3%	33.3% #B76EF9	RGB 183 110 249	#B76EF9
50.0%	50.0% #AD60F6	RGB 173 96 246	#AD60F6
66.7%	66.7% #A252F3	RGB 162 82 243	#A252F3
83.3%	83.3% #9744F0	RGB 151 68 240	#9744F0
100.0%	100.0% #8D37EE	RGB 141 55 238	#8D37EE

#CC8CFF #C17DFC #B76EF9 #AD60F6 #A252F3 #9744F0 #8D37EE

#CC8CFF - #AD60F6 - #8D37EE

CSS代码

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

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