#3E3B5E - #240814 | colorate

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

Blend #3E3B5E to #240814

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

RGB混合

#3E3B5E - #240814 | colorate

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

0.0%	0.0% #3E3B5E	RGB 62 59 94	#3E3B5E
16.7%	16.7% #393251	RGB 57 50 81	#393251
33.3%	33.3% #352A45	RGB 53 42 69	#352A45
50.0%	50.0% #312139	RGB 49 33 57	#312139
66.7%	66.7% #2C192C	RGB 44 25 44	#2C192C
83.3%	83.3% #281020	RGB 40 16 32	#281020
100.0%	100.0% #240814	RGB 36 8 20	#240814

#3E3B5E #393251 #352A45 #312139 #2C192C #281020 #240814

#3E3B5E - #240814

HSV混合

#3E3B5E - #240814 | colorate

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

0.0%	0.0% #3E3B5E	RGB 62 59 94	#3E3B5E
16.7%	16.7% #3B2F54	RGB 59 47 84	#3B2F54
33.3%	33.3% #3A244A	RGB 58 36 74	#3A244A
50.0%	50.0% #3A1B41	RGB 58 27 65	#3A1B41
66.7%	66.7% #371334	RGB 55 19 52	#371334
83.3%	83.3% #2D0D23	RGB 45 13 35	#2D0D23
100.0%	100.0% #240814	RGB 36 8 20	#240814

#3E3B5E #3B2F54 #3A244A #3A1B41 #371334 #2D0D23 #240814

#3E3B5E - #3A1B41 - #240814

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3B5E 0%, #3A1B41 50%, #240814 100%);
    background: -webkit-linear-gradient(top, #3E3B5E 0%, #3A1B41 50%, #240814 100%);
    background: linear-gradient(to bottom, #3E3B5E 0%, #3A1B41 50%, #240814 100%);
}
</style>