#96FF5E - #FFFF91 | colorate

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

Blend #96FF5E to #FFFF91

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

RGB混合

#96FF5E - #FFFF91 | colorate

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

0.0%	0.0% #96FF5E	RGB 150 255 94	#96FF5E
16.7%	16.7% #A7FF66	RGB 167 255 102	#A7FF66
33.3%	33.3% #B9FF6F	RGB 185 255 111	#B9FF6F
50.0%	50.0% #CAFF77	RGB 202 255 119	#CAFF77
66.7%	66.7% #DCFF80	RGB 220 255 128	#DCFF80
83.3%	83.3% #EDFF88	RGB 237 255 136	#EDFF88
100.0%	100.0% #FFFF91	RGB 255 255 145	#FFFF91

#96FF5E #A7FF66 #B9FF6F #CAFF77 #DCFF80 #EDFF88 #FFFF91

#96FF5E - #FFFF91

HSV混合

#96FF5E - #FFFF91 | colorate

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

0.0%	0.0% #96FF5D	RGB 150 255 93	#96FF5D
16.7%	16.7% #ACFF66	RGB 172 255 102	#ACFF66
33.3%	33.3% #C0FF6E	RGB 192 255 110	#C0FF6E
50.0%	50.0% #D2FF77	RGB 210 255 119	#D2FF77
66.7%	66.7% #E3FF7F	RGB 227 255 127	#E3FF7F
83.3%	83.3% #F2FF88	RGB 242 255 136	#F2FF88
100.0%	100.0% #FFFF91	RGB 255 255 145	#FFFF91

#96FF5D #ACFF66 #C0FF6E #D2FF77 #E3FF7F #F2FF88 #FFFF91

#96FF5E - #D2FF77 - #FFFF91

CSS代码

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

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