#A8EE82 - #FFF4A2 | colorate

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

Blend #A8EE82 to #FFF4A2

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

RGB混合

#A8EE82 - #FFF4A2 | colorate

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

0.0%	0.0% #A8EE82	RGB 168 238 130	#A8EE82
16.7%	16.7% #B6EF87	RGB 182 239 135	#B6EF87
33.3%	33.3% #C5F08C	RGB 197 240 140	#C5F08C
50.0%	50.0% #D3F192	RGB 211 241 146	#D3F192
66.7%	66.7% #E2F297	RGB 226 242 151	#E2F297
83.3%	83.3% #F0F39C	RGB 240 243 156	#F0F39C
100.0%	100.0% #FFF4A2	RGB 255 244 162	#FFF4A2

#A8EE82 #B6EF87 #C5F08C #D3F192 #E2F297 #F0F39C #FFF4A2

#A8EE82 - #FFF4A2

HSV混合

#A8EE82 - #FFF4A2 | colorate

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

0.0%	0.0% #A8EE82	RGB 168 238 130	#A8EE82
16.7%	16.7% #B9F087	RGB 185 240 135	#B9F087
33.3%	33.3% #CBF38C	RGB 203 243 140	#CBF38C
50.0%	50.0% #DBF691	RGB 219 246 145	#DBF691
66.7%	66.7% #EBF996	RGB 235 249 150	#EBF996
83.3%	83.3% #FBFC9C	RGB 251 252 156	#FBFC9C
100.0%	100.0% #FFF4A2	RGB 255 244 162	#FFF4A2

#A8EE82 #B9F087 #CBF38C #DBF691 #EBF996 #FBFC9C #FFF4A2

#A8EE82 - #DBF691 - #FFF4A2

CSS代码

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

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