#5E0E5E - #C3466D | colorate

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

Blend #5E0E5E to #C3466D

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

RGB混合

#5E0E5E - #C3466D | colorate

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

0.0%	0.0% #5E0E5E	RGB 94 14 94	#5E0E5E
16.7%	16.7% #6E1760	RGB 110 23 96	#6E1760
33.3%	33.3% #7F2063	RGB 127 32 99	#7F2063
50.0%	50.0% #902A65	RGB 144 42 101	#902A65
66.7%	66.7% #A13368	RGB 161 51 104	#A13368
83.3%	83.3% #B23C6A	RGB 178 60 106	#B23C6A
100.0%	100.0% #C3466D	RGB 195 70 109	#C3466D

#5E0E5E #6E1760 #7F2063 #902A65 #A13368 #B23C6A #C3466D

#5E0E5E - #C3466D

HSV混合

#5E0E5E - #C3466D | colorate

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

0.0%	0.0% #5D0D5E	RGB 93 13 94	#5D0D5E
16.7%	16.7% #6E1464	RGB 110 20 100	#6E1464
33.3%	33.3% #7F1B68	RGB 127 27 104	#7F1B68
50.0%	50.0% #90246B	RGB 144 36 107	#90246B
66.7%	66.7% #A12E6C	RGB 161 46 108	#A12E6C
83.3%	83.3% #B2396D	RGB 178 57 109	#B2396D
100.0%	100.0% #C3466D	RGB 195 70 109	#C3466D

#5D0D5E #6E1464 #7F1B68 #90246B #A12E6C #B2396D #C3466D

#5E0E5E - #90246B - #C3466D

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D0D5E 0%, #90246B 50%, #C3466D 100%);
    background: -webkit-linear-gradient(top, #5D0D5E 0%, #90246B 50%, #C3466D 100%);
    background: linear-gradient(to bottom, #5D0D5E 0%, #90246B 50%, #C3466D 100%);
}
</style>