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

有些东西像这个网站，你可以选择中间的颜色类型

例如，将红色和绿色、80%不透明度的红色和20%的绿色混合在一起的颜色会产生比绿色更红的颜色

50-50会变成棕色

20-80的颜色比红色更绿。

使用这样的工具，如果你移动刻度并改变颜色，它应该可以工作，因此在你的情况下：

/* 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 */

---

是否有自动执行此操作的方法？我想根据不同的不透明度生成不同的颜色。