#BBCA79 - #FFEC9F | colorate

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

Blend #BBCA79 to #FFEC9F

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

RGB混合

#BBCA79 - #FFEC9F | colorate

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

0.0%	0.0% #BBCA79	RGB 187 202 121	#BBCA79
16.7%	16.7% #C6CF7F	RGB 198 207 127	#C6CF7F
33.3%	33.3% #D1D585	RGB 209 213 133	#D1D585
50.0%	50.0% #DDDB8C	RGB 221 219 140	#DDDB8C
66.7%	66.7% #E8E092	RGB 232 224 146	#E8E092
83.3%	83.3% #F3E698	RGB 243 230 152	#F3E698
100.0%	100.0% #FFEC9F	RGB 255 236 159	#FFEC9F

#BBCA79 #C6CF7F #D1D585 #DDDB8C #E8E092 #F3E698 #FFEC9F

#BBCA79 - #FFEC9F

HSV混合

#BBCA79 - #FFEC9F | colorate

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

0.0%	0.0% #BBCA79	RGB 187 202 121	#BBCA79
16.7%	16.7% #C8D27F	RGB 200 210 127	#C8D27F
33.3%	33.3% #D6DB85	RGB 214 219 133	#D6DB85
50.0%	50.0% #E4E38B	RGB 228 227 139	#E4E38B
66.7%	66.7% #EDE692	RGB 237 230 146	#EDE692
83.3%	83.3% #F6E998	RGB 246 233 152	#F6E998
100.0%	100.0% #FFEC9F	RGB 255 236 159	#FFEC9F

#BBCA79 #C8D27F #D6DB85 #E4E38B #EDE692 #F6E998 #FFEC9F

#BBCA79 - #E4E38B - #FFEC9F

CSS代码

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

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