#ED73C7 - #B5007E | colorate

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

Blend #ED73C7 to #B5007E

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

RGB混合

#ED73C7 - #B5007E | colorate

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

0.0%	0.0% #ED73C7	RGB 237 115 199	#ED73C7
16.7%	16.7% #E35FBA	RGB 227 95 186	#E35FBA
33.3%	33.3% #DA4CAE	RGB 218 76 174	#DA4CAE
50.0%	50.0% #D139A2	RGB 209 57 162	#D139A2
66.7%	66.7% #C72696	RGB 199 38 150	#C72696
83.3%	83.3% #BE138A	RGB 190 19 138	#BE138A
100.0%	100.0% #B5007E	RGB 181 0 126	#B5007E

#ED73C7 #E35FBA #DA4CAE #D139A2 #C72696 #BE138A #B5007E

#ED73C7 - #B5007E

HSV混合

#ED73C7 - #B5007E | colorate

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

0.0%	0.0% #ED73C7	RGB 237 115 199	#ED73C7
16.7%	16.7% #E35CB9	RGB 227 92 185	#E35CB9
33.3%	33.3% #DA46AC	RGB 218 70 172	#DA46AC
50.0%	50.0% #D132A0	RGB 209 50 160	#D132A0
66.7%	66.7% #C72094	RGB 199 32 148	#C72094
83.3%	83.3% #BE0F88	RGB 190 15 136	#BE0F88
100.0%	100.0% #B5007E	RGB 181 0 126	#B5007E

#ED73C7 #E35CB9 #DA46AC #D132A0 #C72094 #BE0F88 #B5007E

#ED73C7 - #D132A0 - #B5007E

CSS代码

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

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