#FF8DBD - #EC3E72 | colorate

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

Blend #FF8DBD to #EC3E72

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

RGB混合

#FF8DBD - #EC3E72 | colorate

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

0.0%	0.0% #FF8DBD	RGB 255 141 189	#FF8DBD
16.7%	16.7% #FB7FB0	RGB 251 127 176	#FB7FB0
33.3%	33.3% #F872A4	RGB 248 114 164	#F872A4
50.0%	50.0% #F56597	RGB 245 101 151	#F56597
66.7%	66.7% #F2588B	RGB 242 88 139	#F2588B
83.3%	83.3% #EF4B7E	RGB 239 75 126	#EF4B7E
100.0%	100.0% #EC3E72	RGB 236 62 114	#EC3E72

#FF8DBD #FB7FB0 #F872A4 #F56597 #F2588B #EF4B7E #EC3E72

#FF8DBD - #EC3E72

HSV混合

#FF8DBD - #EC3E72 | colorate

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

0.0%	0.0% #FF8DBC	RGB 255 141 188	#FF8DBC
16.7%	16.7% #FB7FB1	RGB 251 127 177	#FB7FB1
33.3%	33.3% #F871A4	RGB 248 113 164	#F871A4
50.0%	50.0% #F56498	RGB 245 100 152	#F56498
66.7%	66.7% #F2578B	RGB 242 87 139	#F2578B
83.3%	83.3% #EF4A7E	RGB 239 74 126	#EF4A7E
100.0%	100.0% #EC3E72	RGB 236 62 114	#EC3E72

#FF8DBC #FB7FB1 #F871A4 #F56498 #F2578B #EF4A7E #EC3E72

#FF8DBD - #F56498 - #EC3E72

CSS代码

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

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