#3E153A - #97536B | colorate

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

Blend #3E153A to #97536B

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

RGB混合

#3E153A - #97536B | colorate

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

0.0%	0.0% #3E153A	RGB 62 21 58	#3E153A
16.7%	16.7% #4C1F42	RGB 76 31 66	#4C1F42
33.3%	33.3% #5B294A	RGB 91 41 74	#5B294A
50.0%	50.0% #6A3452	RGB 106 52 82	#6A3452
66.7%	66.7% #793E5A	RGB 121 62 90	#793E5A
83.3%	83.3% #884862	RGB 136 72 98	#884862
100.0%	100.0% #97536B	RGB 151 83 107	#97536B

#3E153A #4C1F42 #5B294A #6A3452 #793E5A #884862 #97536B

#3E153A - #97536B

HSV混合

#3E153A - #97536B | colorate

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

0.0%	0.0% #3E1539	RGB 62 21 57	#3E1539
16.7%	16.7% #4C1C43	RGB 76 28 67	#4C1C43
33.3%	33.3% #5B254C	RGB 91 37 76	#5B254C
50.0%	50.0% #6A2F54	RGB 106 47 84	#6A2F54
66.7%	66.7% #793A5C	RGB 121 58 92	#793A5C
83.3%	83.3% #884663	RGB 136 70 99	#884663
100.0%	100.0% #97536B	RGB 151 83 107	#97536B

#3E1539 #4C1C43 #5B254C #6A2F54 #793A5C #884663 #97536B

#3E153A - #6A2F54 - #97536B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E1539 0%, #6A2F54 50%, #97536B 100%);
    background: -webkit-linear-gradient(top, #3E1539 0%, #6A2F54 50%, #97536B 100%);
    background: linear-gradient(to bottom, #3E1539 0%, #6A2F54 50%, #97536B 100%);
}
</style>