#B7EB6B - #6BAF00 | colorate

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

Blend #B7EB6B to #6BAF00

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

RGB混合

#B7EB6B - #6BAF00 | colorate

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

0.0%	0.0% #B7EB6B	RGB 183 235 107	#B7EB6B
16.7%	16.7% #AAE159	RGB 170 225 89	#AAE159
33.3%	33.3% #9DD747	RGB 157 215 71	#9DD747
50.0%	50.0% #91CD35	RGB 145 205 53	#91CD35
66.7%	66.7% #84C323	RGB 132 195 35	#84C323
83.3%	83.3% #77B911	RGB 119 185 17	#77B911
100.0%	100.0% #6BAF00	RGB 107 175 0	#6BAF00

#B7EB6B #AAE159 #9DD747 #91CD35 #84C323 #77B911 #6BAF00

#B7EB6B - #6BAF00

HSV混合

#B7EB6B - #6BAF00 | colorate

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

0.0%	0.0% #B7EB6B	RGB 183 235 107	#B7EB6B
16.7%	16.7% #A8E155	RGB 168 225 85	#A8E155
33.3%	33.3% #9BD741	RGB 155 215 65	#9BD741
50.0%	50.0% #8ECD2E	RGB 142 205 46	#8ECD2E
66.7%	66.7% #81C31D	RGB 129 195 29	#81C31D
83.3%	83.3% #76B90E	RGB 118 185 14	#76B90E
100.0%	100.0% #6BAF00	RGB 107 175 0	#6BAF00

#B7EB6B #A8E155 #9BD741 #8ECD2E #81C31D #76B90E #6BAF00

#B7EB6B - #8ECD2E - #6BAF00

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7EB6B 0%, #8ECD2E 50%, #6BAF00 100%);
    background: -webkit-linear-gradient(top, #B7EB6B 0%, #8ECD2E 50%, #6BAF00 100%);
    background: linear-gradient(to bottom, #B7EB6B 0%, #8ECD2E 50%, #6BAF00 100%);
}
</style>