#9FAD6D - #5E7822 | colorate

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

Blend #9FAD6D to #5E7822

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

RGB混合

#9FAD6D - #5E7822 | colorate

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

0.0%	0.0% #9FAD6D	RGB 159 173 109	#9FAD6D
16.7%	16.7% #94A460	RGB 148 164 96	#94A460
33.3%	33.3% #899B54	RGB 137 155 84	#899B54
50.0%	50.0% #7E9247	RGB 126 146 71	#7E9247
66.7%	66.7% #73893B	RGB 115 137 59	#73893B
83.3%	83.3% #68802E	RGB 104 128 46	#68802E
100.0%	100.0% #5E7822	RGB 94 120 34	#5E7822

#9FAD6D #94A460 #899B54 #7E9247 #73893B #68802E #5E7822

#9FAD6D - #5E7822

HSV混合

#9FAD6D - #5E7822 | colorate

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

0.0%	0.0% #9FAD6D	RGB 159 173 109	#9FAD6D
16.7%	16.7% #93A45D	RGB 147 164 93	#93A45D
33.3%	33.3% #889B4F	RGB 136 155 79	#889B4F
50.0%	50.0% #7D9242	RGB 125 146 66	#7D9242
66.7%	66.7% #728936	RGB 114 137 54	#728936
83.3%	83.3% #68802B	RGB 104 128 43	#68802B
100.0%	100.0% #5E7822	RGB 94 120 34	#5E7822

#9FAD6D #93A45D #889B4F #7D9242 #728936 #68802B #5E7822

#9FAD6D - #7D9242 - #5E7822

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FAD6D 0%, #7D9242 50%, #5E7822 100%);
    background: -webkit-linear-gradient(top, #9FAD6D 0%, #7D9242 50%, #5E7822 100%);
    background: linear-gradient(to bottom, #9FAD6D 0%, #7D9242 50%, #5E7822 100%);
}
</style>