#9BAB5E - #FCE684 | colorate

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

Blend #9BAB5E to #FCE684

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

RGB混合

#9BAB5E - #FCE684 | colorate

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

0.0%	0.0% #9BAB5E	RGB 155 171 94	#9BAB5E
16.7%	16.7% #ABB464	RGB 171 180 100	#ABB464
33.3%	33.3% #BBBE6A	RGB 187 190 106	#BBBE6A
50.0%	50.0% #CBC871	RGB 203 200 113	#CBC871
66.7%	66.7% #DBD277	RGB 219 210 119	#DBD277
83.3%	83.3% #EBDC7D	RGB 235 220 125	#EBDC7D
100.0%	100.0% #FCE684	RGB 252 230 132	#FCE684

#9BAB5E #ABB464 #BBBE6A #CBC871 #DBD277 #EBDC7D #FCE684

#9BAB5E - #FCE684

HSV混合

#9BAB5E - #FCE684 | colorate

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

0.0%	0.0% #9BAB5E	RGB 155 171 94	#9BAB5E
16.7%	16.7% #ACB864	RGB 172 184 100	#ACB864
33.3%	33.3% #BEC66B	RGB 190 198 107	#BEC66B
50.0%	50.0% #D2D371	RGB 210 211 113	#D2D371
66.7%	66.7% #E1DB77	RGB 225 219 119	#E1DB77
83.3%	83.3% #EEE17D	RGB 238 225 125	#EEE17D
100.0%	100.0% #FCE684	RGB 252 230 132	#FCE684

#9BAB5E #ACB864 #BEC66B #D2D371 #E1DB77 #EEE17D #FCE684

#9BAB5E - #D2D371 - #FCE684

CSS代码

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

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