#5E3453 - #3F0812 | colorate

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

Blend #5E3453 to #3F0812

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

RGB混合

#5E3453 - #3F0812 | colorate

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

0.0%	0.0% #5E3453	RGB 94 52 83	#5E3453
16.7%	16.7% #582C48	RGB 88 44 72	#582C48
33.3%	33.3% #53253D	RGB 83 37 61	#53253D
50.0%	50.0% #4E1E32	RGB 78 30 50	#4E1E32
66.7%	66.7% #491627	RGB 73 22 39	#491627
83.3%	83.3% #440F1C	RGB 68 15 28	#440F1C
100.0%	100.0% #3F0812	RGB 63 8 18	#3F0812

#5E3453 #582C48 #53253D #4E1E32 #491627 #440F1C #3F0812

#5E3453 - #3F0812

HSV混合

#5E3453 - #3F0812 | colorate

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

0.0%	0.0% #5E3453	RGB 94 52 83	#5E3453
16.7%	16.7% #582A48	RGB 88 42 72	#582A48
33.3%	33.3% #53223D	RGB 83 34 61	#53223D
50.0%	50.0% #4E1A32	RGB 78 26 50	#4E1A32
66.7%	66.7% #491327	RGB 73 19 39	#491327
83.3%	83.3% #440D1C	RGB 68 13 28	#440D1C
100.0%	100.0% #3F0812	RGB 63 8 18	#3F0812

#5E3453 #582A48 #53223D #4E1A32 #491327 #440D1C #3F0812

#5E3453 - #4E1A32 - #3F0812

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3453 0%, #4E1A32 50%, #3F0812 100%);
    background: -webkit-linear-gradient(top, #5E3453 0%, #4E1A32 50%, #3F0812 100%);
    background: linear-gradient(to bottom, #5E3453 0%, #4E1A32 50%, #3F0812 100%);
}
</style>