#5E4656 - #CF6E9F | colorate

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

Blend #5E4656 to #CF6E9F

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

RGB混合

#5E4656 - #CF6E9F | colorate

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

0.0%	0.0% #5E4656	RGB 94 70 86	#5E4656
16.7%	16.7% #704C62	RGB 112 76 98	#704C62
33.3%	33.3% #83536E	RGB 131 83 110	#83536E
50.0%	50.0% #965A7A	RGB 150 90 122	#965A7A
66.7%	66.7% #A96086	RGB 169 96 134	#A96086
83.3%	83.3% #BC6792	RGB 188 103 146	#BC6792
100.0%	100.0% #CF6E9F	RGB 207 110 159	#CF6E9F

#5E4656 #704C62 #83536E #965A7A #A96086 #BC6792 #CF6E9F

#5E4656 - #CF6E9F

HSV混合

#5E4656 - #CF6E9F | colorate

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

0.0%	0.0% #5E4656	RGB 94 70 86	#5E4656
16.7%	16.7% #705065	RGB 112 80 101	#705065
33.3%	33.3% #835873	RGB 131 88 115	#835873
50.0%	50.0% #96607F	RGB 150 96 127	#96607F
66.7%	66.7% #A9668B	RGB 169 102 139	#A9668B
83.3%	83.3% #BC6A96	RGB 188 106 150	#BC6A96
100.0%	100.0% #CF6E9F	RGB 207 110 159	#CF6E9F

#5E4656 #705065 #835873 #96607F #A9668B #BC6A96 #CF6E9F

#5E4656 - #96607F - #CF6E9F

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4656 0%, #96607F 50%, #CF6E9F 100%);
    background: -webkit-linear-gradient(top, #5E4656 0%, #96607F 50%, #CF6E9F 100%);
    background: linear-gradient(to bottom, #5E4656 0%, #96607F 50%, #CF6E9F 100%);
}
</style>