#522B5E - #C370A2 | colorate

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

Blend #522B5E to #C370A2

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

RGB混合

#522B5E - #C370A2 | colorate

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

0.0%	0.0% #522B5E	RGB 82 43 94	#522B5E
16.7%	16.7% #643669	RGB 100 54 105	#643669
33.3%	33.3% #774274	RGB 119 66 116	#774274
50.0%	50.0% #8A4D80	RGB 138 77 128	#8A4D80
66.7%	66.7% #9D598B	RGB 157 89 139	#9D598B
83.3%	83.3% #B06496	RGB 176 100 150	#B06496
100.0%	100.0% #C370A2	RGB 195 112 162	#C370A2

#522B5E #643669 #774274 #8A4D80 #9D598B #B06496 #C370A2

#522B5E - #C370A2

HSV混合

#522B5E - #C370A2 | colorate

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

0.0%	0.0% #512B5E	RGB 81 43 94	#512B5E
16.7%	16.7% #67346E	RGB 103 52 110	#67346E
33.3%	33.3% #7E3F7F	RGB 126 63 127	#7E3F7F
50.0%	50.0% #904A8A	RGB 144 74 138	#904A8A
66.7%	66.7% #A15693	RGB 161 86 147	#A15693
83.3%	83.3% #B2629B	RGB 178 98 155	#B2629B
100.0%	100.0% #C370A2	RGB 195 112 162	#C370A2

#512B5E #67346E #7E3F7F #904A8A #A15693 #B2629B #C370A2

#522B5E - #904A8A - #C370A2

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #512B5E 0%, #904A8A 50%, #C370A2 100%);
    background: -webkit-linear-gradient(top, #512B5E 0%, #904A8A 50%, #C370A2 100%);
    background: linear-gradient(to bottom, #512B5E 0%, #904A8A 50%, #C370A2 100%);
}
</style>