#00AF2B - #B6E8C2 | colorate

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

Blend #00AF2B to #B6E8C2

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

RGB混合

#00AF2B - #B6E8C2 | colorate

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

0.0%	0.0% #00AF2B	RGB 0 175 43	#00AF2B
16.7%	16.7% #1EB844	RGB 30 184 68	#1EB844
33.3%	33.3% #3CC25D	RGB 60 194 93	#3CC25D
50.0%	50.0% #5BCB76	RGB 91 203 118	#5BCB76
66.7%	66.7% #79D58F	RGB 121 213 143	#79D58F
83.3%	83.3% #97DEA8	RGB 151 222 168	#97DEA8
100.0%	100.0% #B6E8C2	RGB 182 232 194	#B6E8C2

#00AF2B #1EB844 #3CC25D #5BCB76 #79D58F #97DEA8 #B6E8C2

#00AF2B - #B6E8C2

HSV混合

#00AF2B - #B6E8C2 | colorate

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

0.0%	0.0% #00AF2B	RGB 0 175 43	#00AF2B
16.7%	16.7% #18B83F	RGB 24 184 63	#18B83F
33.3%	33.3% #32C255	RGB 50 194 85	#32C255
50.0%	50.0% #4FCB6D	RGB 79 203 109	#4FCB6D
66.7%	66.7% #6FD587	RGB 111 213 135	#6FD587
83.3%	83.3% #91DEA4	RGB 145 222 164	#91DEA4
100.0%	100.0% #B6E8C2	RGB 182 232 194	#B6E8C2

#00AF2B #18B83F #32C255 #4FCB6D #6FD587 #91DEA4 #B6E8C2

#00AF2B - #4FCB6D - #B6E8C2

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AF2B 0%, #4FCB6D 50%, #B6E8C2 100%);
    background: -webkit-linear-gradient(top, #00AF2B 0%, #4FCB6D 50%, #B6E8C2 100%);
    background: linear-gradient(to bottom, #00AF2B 0%, #4FCB6D 50%, #B6E8C2 100%);
}
</style>