#2D4415 - #8D9A41 | colorate

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

Blend #2D4415 to #8D9A41

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

RGB混合

#2D4415 - #8D9A41 | colorate

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

0.0%	0.0% #2D4415	RGB 45 68 21	#2D4415
16.7%	16.7% #3D521C	RGB 61 82 28	#3D521C
33.3%	33.3% #4D6023	RGB 77 96 35	#4D6023
50.0%	50.0% #5D6F2B	RGB 93 111 43	#5D6F2B
66.7%	66.7% #6D7D32	RGB 109 125 50	#6D7D32
83.3%	83.3% #7D8B39	RGB 125 139 57	#7D8B39
100.0%	100.0% #8D9A41	RGB 141 154 65	#8D9A41

#2D4415 #3D521C #4D6023 #5D6F2B #6D7D32 #7D8B39 #8D9A41

#2D4415 - #8D9A41

HSV混合

#2D4415 - #8D9A41 | colorate

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

0.0%	0.0% #2D4415	RGB 45 68 21	#2D4415
16.7%	16.7% #3A521A	RGB 58 82 26	#3A521A
33.3%	33.3% #486021	RGB 72 96 33	#486021
50.0%	50.0% #586F28	RGB 88 111 40	#586F28
66.7%	66.7% #697D30	RGB 105 125 48	#697D30
83.3%	83.3% #7A8B38	RGB 122 139 56	#7A8B38
100.0%	100.0% #8D9A41	RGB 141 154 65	#8D9A41

#2D4415 #3A521A #486021 #586F28 #697D30 #7A8B38 #8D9A41

#2D4415 - #586F28 - #8D9A41

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4415 0%, #586F28 50%, #8D9A41 100%);
    background: -webkit-linear-gradient(top, #2D4415 0%, #586F28 50%, #8D9A41 100%);
    background: linear-gradient(to bottom, #2D4415 0%, #586F28 50%, #8D9A41 100%);
}
</style>