#3A2E5E - #1E0612 | colorate

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

Blend #3A2E5E to #1E0612

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

RGB混合

#3A2E5E - #1E0612 | colorate

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

0.0%	0.0% #3A2E5E	RGB 58 46 94	#3A2E5E
16.7%	16.7% #352751	RGB 53 39 81	#352751
33.3%	33.3% #302044	RGB 48 32 68	#302044
50.0%	50.0% #2C1A38	RGB 44 26 56	#2C1A38
66.7%	66.7% #27132B	RGB 39 19 43	#27132B
83.3%	83.3% #220C1E	RGB 34 12 30	#220C1E
100.0%	100.0% #1E0612	RGB 30 6 18	#1E0612

#3A2E5E #352751 #302044 #2C1A38 #27132B #220C1E #1E0612

#3A2E5E - #1E0612

HSV混合

#3A2E5E - #1E0612 | colorate

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

0.0%	0.0% #392E5E	RGB 57 46 94	#392E5E
16.7%	16.7% #3A2453	RGB 58 36 83	#3A2453
33.3%	33.3% #391C48	RGB 57 28 72	#391C48
50.0%	50.0% #38153E	RGB 56 21 62	#38153E
66.7%	66.7% #330F30	RGB 51 15 48	#330F30
83.3%	83.3% #280A1F	RGB 40 10 31	#280A1F
100.0%	100.0% #1E0612	RGB 30 6 18	#1E0612

#392E5E #3A2453 #391C48 #38153E #330F30 #280A1F #1E0612

#3A2E5E - #38153E - #1E0612

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392E5E 0%, #38153E 50%, #1E0612 100%);
    background: -webkit-linear-gradient(top, #392E5E 0%, #38153E 50%, #1E0612 100%);
    background: linear-gradient(to bottom, #392E5E 0%, #38153E 50%, #1E0612 100%);
}
</style>