#FF8BA2 - #EC3E4B | colorate

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

Blend #FF8BA2 to #EC3E4B

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

RGB混合

#FF8BA2 - #EC3E4B | colorate

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

0.0%	0.0% #FF8BA2	RGB 255 139 162	#FF8BA2
16.7%	16.7% #FB7E93	RGB 251 126 147	#FB7E93
33.3%	33.3% #F87185	RGB 248 113 133	#F87185
50.0%	50.0% #F56476	RGB 245 100 118	#F56476
66.7%	66.7% #F25768	RGB 242 87 104	#F25768
83.3%	83.3% #EF4A59	RGB 239 74 89	#EF4A59
100.0%	100.0% #EC3E4B	RGB 236 62 75	#EC3E4B

#FF8BA2 #FB7E93 #F87185 #F56476 #F25768 #EF4A59 #EC3E4B

#FF8BA2 - #EC3E4B

HSV混合

#FF8BA2 - #EC3E4B | colorate

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

0.0%	0.0% #FF8BA1	RGB 255 139 161	#FF8BA1
16.7%	16.7% #FB7D93	RGB 251 125 147	#FB7D93
33.3%	33.3% #F87085	RGB 248 112 133	#F87085
50.0%	50.0% #F56377	RGB 245 99 119	#F56377
66.7%	66.7% #F25668	RGB 242 86 104	#F25668
83.3%	83.3% #EF4A59	RGB 239 74 89	#EF4A59
100.0%	100.0% #EC3E4B	RGB 236 62 75	#EC3E4B

#FF8BA1 #FB7D93 #F87085 #F56377 #F25668 #EF4A59 #EC3E4B

#FF8BA2 - #F56377 - #EC3E4B

CSS代码

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

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