#210B0B - #5D3E3C | colorate

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

Blend #210B0B to #5D3E3C

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

RGB混合

#210B0B - #5D3E3C | colorate

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

0.0%	0.0% #210B0B	RGB 33 11 11	#210B0B
16.7%	16.7% #2B1313	RGB 43 19 19	#2B1313
33.3%	33.3% #351C1B	RGB 53 28 27	#351C1B
50.0%	50.0% #3F2423	RGB 63 36 35	#3F2423
66.7%	66.7% #492D2B	RGB 73 45 43	#492D2B
83.3%	83.3% #533533	RGB 83 53 51	#533533
100.0%	100.0% #5D3E3C	RGB 93 62 60	#5D3E3C

#210B0B #2B1313 #351C1B #3F2423 #492D2B #533533 #5D3E3C

#210B0B - #5D3E3C

HSV混合

#210B0B - #5D3E3C | colorate

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

0.0%	0.0% #210B0B	RGB 33 11 11	#210B0B
16.7%	16.7% #2B1010	RGB 43 16 16	#2B1010
33.3%	33.3% #351717	RGB 53 23 23	#351717
50.0%	50.0% #3F1F1E	RGB 63 31 30	#3F1F1E
66.7%	66.7% #492827	RGB 73 40 39	#492827
83.3%	83.3% #533231	RGB 83 50 49	#533231
100.0%	100.0% #5D3E3C	RGB 93 62 60	#5D3E3C

#210B0B #2B1010 #351717 #3F1F1E #492827 #533231 #5D3E3C

#210B0B - #3F1F1E - #5D3E3C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #210B0B 0%, #3F1F1E 50%, #5D3E3C 100%);
    background: -webkit-linear-gradient(top, #210B0B 0%, #3F1F1E 50%, #5D3E3C 100%);
    background: linear-gradient(to bottom, #210B0B 0%, #3F1F1E 50%, #5D3E3C 100%);
}
</style>