#4D1515 - #CCBCBC | colorate

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

Blend #4D1515 to #CCBCBC

计算两种颜色#4D1515和#CCBCBC之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#4D1515 - #CCBCBC | colorate

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

0.0%	0.0% #4D1515	RGB 77 21 21	#4D1515
16.7%	16.7% #623030	RGB 98 48 48	#623030
33.3%	33.3% #774C4C	RGB 119 76 76	#774C4C
50.0%	50.0% #8C6868	RGB 140 104 104	#8C6868
66.7%	66.7% #A18484	RGB 161 132 132	#A18484
83.3%	83.3% #B6A0A0	RGB 182 160 160	#B6A0A0
100.0%	100.0% #CCBCBC	RGB 204 188 188	#CCBCBC

#4D1515 #623030 #774C4C #8C6868 #A18484 #B6A0A0 #CCBCBC

#4D1515 - #CCBCBC

HSV混合

#4D1515 - #CCBCBC | colorate

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

0.0%	0.0% #4D1414	RGB 77 20 20	#4D1414
16.7%	16.7% #622525	RGB 98 37 37	#622525
33.3%	33.3% #773A3A	RGB 119 58 58	#773A3A
50.0%	50.0% #8C5353	RGB 140 83 83	#8C5353
66.7%	66.7% #A17272	RGB 161 114 114	#A17272
83.3%	83.3% #B69494	RGB 182 148 148	#B69494
100.0%	100.0% #CCBCBC	RGB 204 188 188	#CCBCBC

#4D1414 #622525 #773A3A #8C5353 #A17272 #B69494 #CCBCBC

#4D1515 - #8C5353 - #CCBCBC

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D1414 0%, #8C5353 50%, #CCBCBC 100%);
    background: -webkit-linear-gradient(top, #4D1414 0%, #8C5353 50%, #CCBCBC 100%);
    background: linear-gradient(to bottom, #4D1414 0%, #8C5353 50%, #CCBCBC 100%);
}
</style>