#B5FF6B - #8DFE95 | colorate

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

Blend #B5FF6B to #8DFE95

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

RGB混合

#B5FF6B - #8DFE95 | colorate

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

0.0%	0.0% #B5FF6B	RGB 181 255 107	#B5FF6B
16.7%	16.7% #AEFE72	RGB 174 254 114	#AEFE72
33.3%	33.3% #A7FE79	RGB 167 254 121	#A7FE79
50.0%	50.0% #A1FE80	RGB 161 254 128	#A1FE80
66.7%	66.7% #9AFE87	RGB 154 254 135	#9AFE87
83.3%	83.3% #93FE8E	RGB 147 254 142	#93FE8E
100.0%	100.0% #8DFE95	RGB 141 254 149	#8DFE95

#B5FF6B #AEFE72 #A7FE79 #A1FE80 #9AFE87 #93FE8E #8DFE95

#B5FF6B - #8DFE95

HSV混合

#B5FF6B - #8DFE95 | colorate

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

0.0%	0.0% #B5FF6B	RGB 181 255 107	#B5FF6B
16.7%	16.7% #AAFE70	RGB 170 254 112	#AAFE70
33.3%	33.3% #A0FE76	RGB 160 254 118	#A0FE76
50.0%	50.0% #98FE7C	RGB 152 254 124	#98FE7C
66.7%	66.7% #90FE81	RGB 144 254 129	#90FE81
83.3%	83.3% #8AFE87	RGB 138 254 135	#8AFE87
100.0%	100.0% #8DFE95	RGB 141 254 149	#8DFE95

#B5FF6B #AAFE70 #A0FE76 #98FE7C #90FE81 #8AFE87 #8DFE95

#B5FF6B - #98FE7C - #8DFE95

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5FF6B 0%, #98FE7C 50%, #8DFE95 100%);
    background: -webkit-linear-gradient(top, #B5FF6B 0%, #98FE7C 50%, #8DFE95 100%);
    background: linear-gradient(to bottom, #B5FF6B 0%, #98FE7C 50%, #8DFE95 100%);
}
</style>