#3D3A32 - #8C675E | colorate

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

Blend #3D3A32 to #8C675E

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

RGB混合

#3D3A32 - #8C675E | colorate

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

0.0%	0.0% #3D3A32	RGB 61 58 50	#3D3A32
16.7%	16.7% #4A4139	RGB 74 65 57	#4A4139
33.3%	33.3% #574940	RGB 87 73 64	#574940
50.0%	50.0% #645048	RGB 100 80 72	#645048
66.7%	66.7% #71584F	RGB 113 88 79	#71584F
83.3%	83.3% #7E5F56	RGB 126 95 86	#7E5F56
100.0%	100.0% #8C675E	RGB 140 103 94	#8C675E

#3D3A32 #4A4139 #574940 #645048 #71584F #7E5F56 #8C675E

#3D3A32 - #8C675E

HSV混合

#3D3A32 - #8C675E | colorate

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

0.0%	0.0% #3D3A32	RGB 61 58 50	#3D3A32
16.7%	16.7% #4A443A	RGB 74 68 58	#4A443A
33.3%	33.3% #574E43	RGB 87 78 67	#574E43
50.0%	50.0% #64564A	RGB 100 86 74	#64564A
66.7%	66.7% #715D51	RGB 113 93 81	#715D51
83.3%	83.3% #7E6358	RGB 126 99 88	#7E6358
100.0%	100.0% #8C675E	RGB 140 103 94	#8C675E

#3D3A32 #4A443A #574E43 #64564A #715D51 #7E6358 #8C675E

#3D3A32 - #64564A - #8C675E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3A32 0%, #64564A 50%, #8C675E 100%);
    background: -webkit-linear-gradient(top, #3D3A32 0%, #64564A 50%, #8C675E 100%);
    background: linear-gradient(to bottom, #3D3A32 0%, #64564A 50%, #8C675E 100%);
}
</style>