#4D1423 - #CCBBC0 | colorate

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

Blend #4D1423 to #CCBBC0

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

RGB混合

#4D1423 - #CCBBC0 | colorate

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

0.0%	0.0% #4D1423	RGB 77 20 35	#4D1423
16.7%	16.7% #622F3D	RGB 98 47 61	#622F3D
33.3%	33.3% #774B57	RGB 119 75 87	#774B57
50.0%	50.0% #8C6771	RGB 140 103 113	#8C6771
66.7%	66.7% #A1838B	RGB 161 131 139	#A1838B
83.3%	83.3% #B69FA5	RGB 182 159 165	#B69FA5
100.0%	100.0% #CCBBC0	RGB 204 187 192	#CCBBC0

#4D1423 #622F3D #774B57 #8C6771 #A1838B #B69FA5 #CCBBC0

#4D1423 - #CCBBC0

HSV混合

#4D1423 - #CCBBC0 | colorate

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

0.0%	0.0% #4D1323	RGB 77 19 35	#4D1323
16.7%	16.7% #622434	RGB 98 36 52	#622434
33.3%	33.3% #77394A	RGB 119 57 74	#77394A
50.0%	50.0% #8C5262	RGB 140 82 98	#8C5262
66.7%	66.7% #A1707E	RGB 161 112 126	#A1707E
83.3%	83.3% #B6939D	RGB 182 147 157	#B6939D
100.0%	100.0% #CCBBC0	RGB 204 187 192	#CCBBC0

#4D1323 #622434 #77394A #8C5262 #A1707E #B6939D #CCBBC0

#4D1423 - #8C5262 - #CCBBC0

CSS代码

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

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