#00A858 - #B6E6CF | colorate

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

Blend #00A858 to #B6E6CF

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

RGB混合

#00A858 - #B6E6CF | colorate

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

0.0%	0.0% #00A858	RGB 0 168 88	#00A858
16.7%	16.7% #1EB26B	RGB 30 178 107	#1EB26B
33.3%	33.3% #3CBC7F	RGB 60 188 127	#3CBC7F
50.0%	50.0% #5BC793	RGB 91 199 147	#5BC793
66.7%	66.7% #79D1A7	RGB 121 209 167	#79D1A7
83.3%	83.3% #97DBBB	RGB 151 219 187	#97DBBB
100.0%	100.0% #B6E6CF	RGB 182 230 207	#B6E6CF

#00A858 #1EB26B #3CBC7F #5BC793 #79D1A7 #97DBBB #B6E6CF

#00A858 - #B6E6CF

HSV混合

#00A858 - #B6E6CF | colorate

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

0.0%	0.0% #00A858	RGB 0 168 88	#00A858
16.7%	16.7% #17B268	RGB 23 178 104	#17B268
33.3%	33.3% #31BC7A	RGB 49 188 122	#31BC7A
50.0%	50.0% #4EC78D	RGB 78 199 141	#4EC78D
66.7%	66.7% #6ED1A2	RGB 110 209 162	#6ED1A2
83.3%	83.3% #90DBB7	RGB 144 219 183	#90DBB7
100.0%	100.0% #B6E6CF	RGB 182 230 207	#B6E6CF

#00A858 #17B268 #31BC7A #4EC78D #6ED1A2 #90DBB7 #B6E6CF

#00A858 - #4EC78D - #B6E6CF

CSS代码

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

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