#83AF5E - #56831B | colorate

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

Blend #83AF5E to #56831B

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

RGB混合

#83AF5E - #56831B | colorate

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

0.0%	0.0% #83AF5E	RGB 131 175 94	#83AF5E
16.7%	16.7% #7BA752	RGB 123 167 82	#7BA752
33.3%	33.3% #74A047	RGB 116 160 71	#74A047
50.0%	50.0% #6C993C	RGB 108 153 60	#6C993C
66.7%	66.7% #659131	RGB 101 145 49	#659131
83.3%	83.3% #5D8A26	RGB 93 138 38	#5D8A26
100.0%	100.0% #56831B	RGB 86 131 27	#56831B

#83AF5E #7BA752 #74A047 #6C993C #659131 #5D8A26 #56831B

#83AF5E - #56831B

HSV混合

#83AF5E - #56831B | colorate

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

0.0%	0.0% #83AF5E	RGB 131 175 94	#83AF5E
16.7%	16.7% #7AA750	RGB 122 167 80	#7AA750
33.3%	33.3% #71A044	RGB 113 160 68	#71A044
50.0%	50.0% #6A9938	RGB 106 153 56	#6A9938
66.7%	66.7% #62912E	RGB 98 145 46	#62912E
83.3%	83.3% #5C8A24	RGB 92 138 36	#5C8A24
100.0%	100.0% #56831B	RGB 86 131 27	#56831B

#83AF5E #7AA750 #71A044 #6A9938 #62912E #5C8A24 #56831B

#83AF5E - #6A9938 - #56831B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #83AF5E 0%, #6A9938 50%, #56831B 100%);
    background: -webkit-linear-gradient(top, #83AF5E 0%, #6A9938 50%, #56831B 100%);
    background: linear-gradient(to bottom, #83AF5E 0%, #6A9938 50%, #56831B 100%);
}
</style>