#402C5E - #BA717C | colorate

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

Blend #402C5E to #BA717C

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

RGB混合

#402C5E - #BA717C | colorate

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

0.0%	0.0% #402C5E	RGB 64 44 94	#402C5E
16.7%	16.7% #543763	RGB 84 55 99	#543763
33.3%	33.3% #684368	RGB 104 67 104	#684368
50.0%	50.0% #7D4E6D	RGB 125 78 109	#7D4E6D
66.7%	66.7% #915A72	RGB 145 90 114	#915A72
83.3%	83.3% #A56577	RGB 165 101 119	#A56577
100.0%	100.0% #BA717C	RGB 186 113 124	#BA717C

#402C5E #543763 #684368 #7D4E6D #915A72 #A56577 #BA717C

#402C5E - #BA717C

HSV混合

#402C5E - #BA717C | colorate

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

0.0%	0.0% #402C5E	RGB 64 44 94	#402C5E
16.7%	16.7% #59356D	RGB 89 53 109	#59356D
33.3%	33.3% #75407C	RGB 117 64 124	#75407C
50.0%	50.0% #8C4B83	RGB 140 75 131	#8C4B83
66.7%	66.7% #9B5782	RGB 155 87 130	#9B5782
83.3%	83.3% #AA637F	RGB 170 99 127	#AA637F
100.0%	100.0% #BA717C	RGB 186 113 124	#BA717C

#402C5E #59356D #75407C #8C4B83 #9B5782 #AA637F #BA717C

#402C5E - #8C4B83 - #BA717C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #402C5E 0%, #8C4B83 50%, #BA717C 100%);
    background: -webkit-linear-gradient(top, #402C5E 0%, #8C4B83 50%, #BA717C 100%);
    background: linear-gradient(to bottom, #402C5E 0%, #8C4B83 50%, #BA717C 100%);
}
</style>