#EB5E95 - #A50249 | colorate

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

Blend #EB5E95 to #A50249

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

RGB混合

#EB5E95 - #A50249 | colorate

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

0.0%	0.0% #EB5E95	RGB 235 94 149	#EB5E95
16.7%	16.7% #DF4E88	RGB 223 78 136	#DF4E88
33.3%	33.3% #D33F7B	RGB 211 63 123	#D33F7B
50.0%	50.0% #C8306F	RGB 200 48 111	#C8306F
66.7%	66.7% #BC2062	RGB 188 32 98	#BC2062
83.3%	83.3% #B01155	RGB 176 17 85	#B01155
100.0%	100.0% #A50249	RGB 165 2 73	#A50249

#EB5E95 #DF4E88 #D33F7B #C8306F #BC2062 #B01155 #A50249

#EB5E95 - #A50249

HSV混合

#EB5E95 - #A50249 | colorate

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

0.0%	0.0% #EB5E94	RGB 235 94 148	#EB5E94
16.7%	16.7% #DF4A85	RGB 223 74 133	#DF4A85
33.3%	33.3% #D33977	RGB 211 57 119	#D33977
50.0%	50.0% #C8296A	RGB 200 41 106	#C8296A
66.7%	66.7% #BC1A5E	RGB 188 26 94	#BC1A5E
83.3%	83.3% #B00D53	RGB 176 13 83	#B00D53
100.0%	100.0% #A50249	RGB 165 2 73	#A50249

#EB5E94 #DF4A85 #D33977 #C8296A #BC1A5E #B00D53 #A50249

#EB5E95 - #C8296A - #A50249

CSS代码

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

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