#2D2514 - #83623C | colorate

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

Blend #2D2514 to #83623C

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

RGB混合

#2D2514 - #83623C | colorate

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

0.0%	0.0% #2D2514	RGB 45 37 20	#2D2514
16.7%	16.7% #3B2F1A	RGB 59 47 26	#3B2F1A
33.3%	33.3% #493921	RGB 73 57 33	#493921
50.0%	50.0% #584328	RGB 88 67 40	#584328
66.7%	66.7% #664D2E	RGB 102 77 46	#664D2E
83.3%	83.3% #745735	RGB 116 87 53	#745735
100.0%	100.0% #83623C	RGB 131 98 60	#83623C

#2D2514 #3B2F1A #493921 #584328 #664D2E #745735 #83623C

#2D2514 - #83623C

HSV混合

#2D2514 - #83623C | colorate

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

0.0%	0.0% #2D2514	RGB 45 37 20	#2D2514
16.7%	16.7% #3B301A	RGB 59 48 26	#3B301A
33.3%	33.3% #493A21	RGB 73 58 33	#493A21
50.0%	50.0% #584527	RGB 88 69 39	#584527
66.7%	66.7% #664F2E	RGB 102 79 46	#664F2E
83.3%	83.3% #745835	RGB 116 88 53	#745835
100.0%	100.0% #83623C	RGB 131 98 60	#83623C

#2D2514 #3B301A #493A21 #584527 #664F2E #745835 #83623C

#2D2514 - #584527 - #83623C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2514 0%, #584527 50%, #83623C 100%);
    background: -webkit-linear-gradient(top, #2D2514 0%, #584527 50%, #83623C 100%);
    background: linear-gradient(to bottom, #2D2514 0%, #584527 50%, #83623C 100%);
}
</style>