#EF5E89 - #BF1A4D | colorate

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

Blend #EF5E89 to #BF1A4D

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

RGB混合

#EF5E89 - #BF1A4D | colorate

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

0.0%	0.0% #EF5E89	RGB 239 94 137	#EF5E89
16.7%	16.7% #E7527F	RGB 231 82 127	#E7527F
33.3%	33.3% #DF4775	RGB 223 71 117	#DF4775
50.0%	50.0% #D73C6B	RGB 215 60 107	#D73C6B
66.7%	66.7% #CF3061	RGB 207 48 97	#CF3061
83.3%	83.3% #C72557	RGB 199 37 87	#C72557
100.0%	100.0% #BF1A4D	RGB 191 26 77	#BF1A4D

#EF5E89 #E7527F #DF4775 #D73C6B #CF3061 #C72557 #BF1A4D

#EF5E89 - #BF1A4D

HSV混合

#EF5E89 - #BF1A4D | colorate

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

0.0%	0.0% #EF5E89	RGB 239 94 137	#EF5E89
16.7%	16.7% #E7507D	RGB 231 80 125	#E7507D
33.3%	33.3% #DF4473	RGB 223 68 115	#DF4473
50.0%	50.0% #D73868	RGB 215 56 104	#D73868
66.7%	66.7% #CF2D5F	RGB 207 45 95	#CF2D5F
83.3%	83.3% #C72355	RGB 199 35 85	#C72355
100.0%	100.0% #BF1A4D	RGB 191 26 77	#BF1A4D

#EF5E89 #E7507D #DF4473 #D73868 #CF2D5F #C72355 #BF1A4D

#EF5E89 - #D73868 - #BF1A4D

CSS代码

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

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