#6D2B5E - #CF7586 | colorate

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

Blend #6D2B5E to #CF7586

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

RGB混合

#6D2B5E - #CF7586 | colorate

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

0.0%	0.0% #6D2B5E	RGB 109 43 94	#6D2B5E
16.7%	16.7% #7D3764	RGB 125 55 100	#7D3764
33.3%	33.3% #8D436B	RGB 141 67 107	#8D436B
50.0%	50.0% #9E5072	RGB 158 80 114	#9E5072
66.7%	66.7% #AE5C78	RGB 174 92 120	#AE5C78
83.3%	83.3% #BE687F	RGB 190 104 127	#BE687F
100.0%	100.0% #CF7586	RGB 207 117 134	#CF7586

#6D2B5E #7D3764 #8D436B #9E5072 #AE5C78 #BE687F #CF7586

#6D2B5E - #CF7586

HSV混合

#6D2B5E - #CF7586 | colorate

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

0.0%	0.0% #6D2A5E	RGB 109 42 94	#6D2A5E
16.7%	16.7% #7D3565	RGB 125 53 101	#7D3565
33.3%	33.3% #8D3F6C	RGB 141 63 108	#8D3F6C
50.0%	50.0% #9E4B73	RGB 158 75 115	#9E4B73
66.7%	66.7% #AE5879	RGB 174 88 121	#AE5879
83.3%	83.3% #BE667F	RGB 190 102 127	#BE667F
100.0%	100.0% #CF7586	RGB 207 117 134	#CF7586

#6D2A5E #7D3565 #8D3F6C #9E4B73 #AE5879 #BE667F #CF7586

#6D2B5E - #9E4B73 - #CF7586

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D2A5E 0%, #9E4B73 50%, #CF7586 100%);
    background: -webkit-linear-gradient(top, #6D2A5E 0%, #9E4B73 50%, #CF7586 100%);
    background: linear-gradient(to bottom, #6D2A5E 0%, #9E4B73 50%, #CF7586 100%);
}
</style>