#CC5E7E - #851234 | colorate

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

Blend #CC5E7E to #851234

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

RGB混合

#CC5E7E - #851234 | colorate

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

0.0%	0.0% #CC5E7E	RGB 204 94 126	#CC5E7E
16.7%	16.7% #C05171	RGB 192 81 113	#C05171
33.3%	33.3% #B44465	RGB 180 68 101	#B44465
50.0%	50.0% #A83859	RGB 168 56 89	#A83859
66.7%	66.7% #9C2B4C	RGB 156 43 76	#9C2B4C
83.3%	83.3% #901E40	RGB 144 30 64	#901E40
100.0%	100.0% #851234	RGB 133 18 52	#851234

#CC5E7E #C05171 #B44465 #A83859 #9C2B4C #901E40 #851234

#CC5E7E - #851234

HSV混合

#CC5E7E - #851234 | colorate

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

0.0%	0.0% #CC5D7E	RGB 204 93 126	#CC5D7E
16.7%	16.7% #C04E6F	RGB 192 78 111	#C04E6F
33.3%	33.3% #B43F61	RGB 180 63 97	#B43F61
50.0%	50.0% #A83254	RGB 168 50 84	#A83254
66.7%	66.7% #9C2649	RGB 156 38 73	#9C2649
83.3%	83.3% #901B3E	RGB 144 27 62	#901B3E
100.0%	100.0% #851234	RGB 133 18 52	#851234

#CC5D7E #C04E6F #B43F61 #A83254 #9C2649 #901B3E #851234

#CC5E7E - #A83254 - #851234

CSS代码

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

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