#322141 - #A55E5E | colorate

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

Blend #322141 to #A55E5E

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

RGB混合

#322141 - #A55E5E | colorate

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

0.0%	0.0% #322141	RGB 50 33 65	#322141
16.7%	16.7% #452B45	RGB 69 43 69	#452B45
33.3%	33.3% #58354A	RGB 88 53 74	#58354A
50.0%	50.0% #6B3F4F	RGB 107 63 79	#6B3F4F
66.7%	66.7% #7E4954	RGB 126 73 84	#7E4954
83.3%	83.3% #915359	RGB 145 83 89	#915359
100.0%	100.0% #A55E5E	RGB 165 94 94	#A55E5E

#322141 #452B45 #58354A #6B3F4F #7E4954 #915359 #A55E5E

#322141 - #A55E5E

HSV混合

#322141 - #A55E5E | colorate

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

0.0%	0.0% #322141	RGB 50 33 65	#322141
16.7%	16.7% #482A51	RGB 72 42 81	#482A51
33.3%	33.3% #623361	RGB 98 51 97	#623361
50.0%	50.0% #733D64	RGB 115 61 100	#733D64
66.7%	66.7% #834865	RGB 131 72 101	#834865
83.3%	83.3% #945262	RGB 148 82 98	#945262
100.0%	100.0% #A55E5E	RGB 165 94 94	#A55E5E

#322141 #482A51 #623361 #733D64 #834865 #945262 #A55E5E

#322141 - #733D64 - #A55E5E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #322141 0%, #733D64 50%, #A55E5E 100%);
    background: -webkit-linear-gradient(top, #322141 0%, #733D64 50%, #A55E5E 100%);
    background: linear-gradient(to bottom, #322141 0%, #733D64 50%, #A55E5E 100%);
}
</style>