#CC3E7E - #7A0035 | colorate

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

Blend #CC3E7E to #7A0035

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

RGB混合

#CC3E7E - #7A0035 | colorate

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

0.0%	0.0% #CC3E7E	RGB 204 62 126	#CC3E7E
16.7%	16.7% #BE3371	RGB 190 51 113	#BE3371
33.3%	33.3% #B02965	RGB 176 41 101	#B02965
50.0%	50.0% #A31F59	RGB 163 31 89	#A31F59
66.7%	66.7% #95144D	RGB 149 20 77	#95144D
83.3%	83.3% #870A41	RGB 135 10 65	#870A41
100.0%	100.0% #7A0035	RGB 122 0 53	#7A0035

#CC3E7E #BE3371 #B02965 #A31F59 #95144D #870A41 #7A0035

#CC3E7E - #7A0035

HSV混合

#CC3E7E - #7A0035 | colorate

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

0.0%	0.0% #CC3E7D	RGB 204 62 125	#CC3E7D
16.7%	16.7% #BE306F	RGB 190 48 111	#BE306F
33.3%	33.3% #B02362	RGB 176 35 98	#B02362
50.0%	50.0% #A31855	RGB 163 24 85	#A31855
66.7%	66.7% #950F4A	RGB 149 15 74	#950F4A
83.3%	83.3% #87063F	RGB 135 6 63	#87063F
100.0%	100.0% #7A0035	RGB 122 0 53	#7A0035

#CC3E7D #BE306F #B02362 #A31855 #950F4A #87063F #7A0035

#CC3E7E - #A31855 - #7A0035

CSS代码

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

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