#FC5E6C - #FF8DFC | colorate

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

Blend #FC5E6C to #FF8DFC

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

RGB混合

#FC5E6C - #FF8DFC | colorate

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

0.0%	0.0% #FC5E6C	RGB 252 94 108	#FC5E6C
16.7%	16.7% #FC6584	RGB 252 101 132	#FC6584
33.3%	33.3% #FD6D9C	RGB 253 109 156	#FD6D9C
50.0%	50.0% #FD75B4	RGB 253 117 180	#FD75B4
66.7%	66.7% #FE7DCC	RGB 254 125 204	#FE7DCC
83.3%	83.3% #FE85E4	RGB 254 133 228	#FE85E4
100.0%	100.0% #FF8DFC	RGB 255 141 252	#FF8DFC

#FC5E6C #FC6584 #FD6D9C #FD75B4 #FE7DCC #FE85E4 #FF8DFC

#FC5E6C - #FF8DFC

HSV混合

#FC5E6C - #FF8DFC | colorate

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

0.0%	0.0% #FC5E6C	RGB 252 94 108	#FC5E6C
16.7%	16.7% #FC6589	RGB 252 101 137	#FC6589
33.3%	33.3% #FD6DA4	RGB 253 109 164	#FD6DA4
50.0%	50.0% #FD75BD	RGB 253 117 189	#FD75BD
66.7%	66.7% #FE7DD4	RGB 254 125 212	#FE7DD4
83.3%	83.3% #FE85E9	RGB 254 133 233	#FE85E9
100.0%	100.0% #FF8DFC	RGB 255 141 252	#FF8DFC

#FC5E6C #FC6589 #FD6DA4 #FD75BD #FE7DD4 #FE85E9 #FF8DFC

#FC5E6C - #FD75BD - #FF8DFC

CSS代码

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

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