如何使用CSS将混浊度不同的两种颜色混合在一起

Question

像这个网站一样，您可以在其中选择中间颜色类型。

https://www.w3schools.com/colors/colors_mixer.asp

例如，将红色和绿色与80％的不透明度红色和20％的绿色混合在一起的颜色将呈现出比绿色多的红色。

50-50会变成棕色

而20-80的颜色将是绿色而不是红色。

Answer 1

如果您移动标尺并更改颜色，并且可以使用，请使用http://www.colorzilla.com/gradient-editor/之类的工具，它应该可以工作，因此在您的情况下：

/* Permalink - use to edit and share this gradient: 
http://colorzilla.com/gradient- 
editor/#f93135+21,7fe87d+100,7fe87d+100 */
background: #f93135; /* Old browsers */
background: -moz-linear-gradient(top, #f93135 21%, 
#7fe87d 100%, #7fe87d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f93135 
21%,#7fe87d 100%,#7fe87d 100%); /* Chrome10- 
25,Safari5.1-6 */
background: linear-gradient(to bottom, #f93135 
21%,#7fe87d 100%,#7fe87d 100%); /* W3C, IE10+, FF16+, 
Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr='#f93135', 
endColorstr='#7fe87d',GradientType=0 ); /* IE6-9 */