#1D1010 - #5E4845 | colorate

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

Blend #1D1010 to #5E4845

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

RGB混合

#1D1010 - #5E4845 | colorate

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

0.0%	0.0% #1D1010	RGB 29 16 16	#1D1010
16.7%	16.7% #271918	RGB 39 25 24	#271918
33.3%	33.3% #322221	RGB 50 34 33	#322221
50.0%	50.0% #3D2C2A	RGB 61 44 42	#3D2C2A
66.7%	66.7% #483533	RGB 72 53 51	#483533
83.3%	83.3% #533E3C	RGB 83 62 60	#533E3C
100.0%	100.0% #5E4845	RGB 94 72 69	#5E4845

#1D1010 #271918 #322221 #3D2C2A #483533 #533E3C #5E4845

#1D1010 - #5E4845

HSV混合

#1D1010 - #5E4845 | colorate

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

0.0%	0.0% #1D1010	RGB 29 16 16	#1D1010
16.7%	16.7% #271717	RGB 39 23 23	#271717
33.3%	33.3% #321F1F	RGB 50 31 31	#321F1F
50.0%	50.0% #3D2827	RGB 61 40 39	#3D2827
66.7%	66.7% #483230	RGB 72 50 48	#483230
83.3%	83.3% #533C3A	RGB 83 60 58	#533C3A
100.0%	100.0% #5E4845	RGB 94 72 69	#5E4845

#1D1010 #271717 #321F1F #3D2827 #483230 #533C3A #5E4845

#1D1010 - #3D2827 - #5E4845

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D1010 0%, #3D2827 50%, #5E4845 100%);
    background: -webkit-linear-gradient(top, #1D1010 0%, #3D2827 50%, #5E4845 100%);
    background: linear-gradient(to bottom, #1D1010 0%, #3D2827 50%, #5E4845 100%);
}
</style>