#5E363D - #CD586A | colorate

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

Blend #5E363D to #CD586A

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

RGB混合

#5E363D - #CD586A | colorate

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

0.0%	0.0% #5E363D	RGB 94 54 61	#5E363D
16.7%	16.7% #703B44	RGB 112 59 68	#703B44
33.3%	33.3% #83414C	RGB 131 65 76	#83414C
50.0%	50.0% #954753	RGB 149 71 83	#954753
66.7%	66.7% #A84C5B	RGB 168 76 91	#A84C5B
83.3%	83.3% #BA5262	RGB 186 82 98	#BA5262
100.0%	100.0% #CD586A	RGB 205 88 106	#CD586A

#5E363D #703B44 #83414C #954753 #A84C5B #BA5262 #CD586A

#5E363D - #CD586A

HSV混合

#5E363D - #CD586A | colorate

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

0.0%	0.0% #5E363C	RGB 94 54 60	#5E363C
16.7%	16.7% #703D46	RGB 112 61 70	#703D46
33.3%	33.3% #83444F	RGB 131 68 79	#83444F
50.0%	50.0% #954B57	RGB 149 75 87	#954B57
66.7%	66.7% #A8505E	RGB 168 80 94	#A8505E
83.3%	83.3% #BA5464	RGB 186 84 100	#BA5464
100.0%	100.0% #CD586A	RGB 205 88 106	#CD586A

#5E363C #703D46 #83444F #954B57 #A8505E #BA5464 #CD586A

#5E363D - #954B57 - #CD586A

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E363C 0%, #954B57 50%, #CD586A 100%);
    background: -webkit-linear-gradient(top, #5E363C 0%, #954B57 50%, #CD586A 100%);
    background: linear-gradient(to bottom, #5E363C 0%, #954B57 50%, #CD586A 100%);
}
</style>