html - 如何使用 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 */