#A6FF8C - #FFBFB2 | colorate

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

Blend #A6FF8C to #FFBFB2

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

RGB混合

#A6FF8C - #FFBFB2 | colorate

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

0.0%	0.0% #A6FF8C	RGB 166 255 140	#A6FF8C
16.7%	16.7% #B4F492	RGB 180 244 146	#B4F492
33.3%	33.3% #C3E998	RGB 195 233 152	#C3E998
50.0%	50.0% #D2DF9F	RGB 210 223 159	#D2DF9F
66.7%	66.7% #E1D4A5	RGB 225 212 165	#E1D4A5
83.3%	83.3% #F0C9AB	RGB 240 201 171	#F0C9AB
100.0%	100.0% #FFBFB2	RGB 255 191 178	#FFBFB2

#A6FF8C #B4F492 #C3E998 #D2DF9F #E1D4A5 #F0C9AB #FFBFB2

#A6FF8C - #FFBFB2

HSV混合

#A6FF8C - #FFBFB2 | colorate

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

0.0%	0.0% #A6FF8C	RGB 166 255 140	#A6FF8C
16.7%	16.7% #C7FF92	RGB 199 255 146	#C7FF92
33.3%	33.3% #E6FF98	RGB 230 255 152	#E6FF98
50.0%	50.0% #FFFC9F	RGB 255 252 159	#FFFC9F
66.7%	66.7% #FFE4A5	RGB 255 228 165	#FFE4A5
83.3%	83.3% #FFD0AB	RGB 255 208 171	#FFD0AB
100.0%	100.0% #FFBFB2	RGB 255 191 178	#FFBFB2

#A6FF8C #C7FF92 #E6FF98 #FFFC9F #FFE4A5 #FFD0AB #FFBFB2

#A6FF8C - #FFFC9F - #FFBFB2

CSS代码

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

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