#B3AC3C - #CDFA95 | colorate

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

Blend #B3AC3C to #CDFA95

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

RGB混合

#B3AC3C - #CDFA95 | colorate

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

0.0%	0.0% #B3AC3C	RGB 179 172 60	#B3AC3C
16.7%	16.7% #B7B94A	RGB 183 185 74	#B7B94A
33.3%	33.3% #BBC659	RGB 187 198 89	#BBC659
50.0%	50.0% #C0D368	RGB 192 211 104	#C0D368
66.7%	66.7% #C4E077	RGB 196 224 119	#C4E077
83.3%	83.3% #C8ED86	RGB 200 237 134	#C8ED86
100.0%	100.0% #CDFA95	RGB 205 250 149	#CDFA95

#B3AC3C #B7B94A #BBC659 #C0D368 #C4E077 #C8ED86 #CDFA95

#B3AC3C - #CDFA95

HSV混合

#B3AC3C - #CDFA95 | colorate

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

0.0%	0.0% #B3AC3C	RGB 179 172 60	#B3AC3C
16.7%	16.7% #BBBE48	RGB 187 190 72	#BBBE48
33.3%	33.3% #BDCA55	RGB 189 202 85	#BDCA55
50.0%	50.0% #C0D663	RGB 192 214 99	#C0D663
66.7%	66.7% #C3E273	RGB 195 226 115	#C3E273
83.3%	83.3% #C7EE83	RGB 199 238 131	#C7EE83
100.0%	100.0% #CDFA95	RGB 205 250 149	#CDFA95

#B3AC3C #BBBE48 #BDCA55 #C0D663 #C3E273 #C7EE83 #CDFA95

#B3AC3C - #C0D663 - #CDFA95

CSS代码

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

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