#2D2D5E - #6A6C8C | colorate

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

Blend #2D2D5E to #6A6C8C

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

RGB混合

#2D2D5E - #6A6C8C | colorate

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

0.0%	0.0% #2D2D5E	RGB 45 45 94	#2D2D5E
16.7%	16.7% #373765	RGB 55 55 101	#373765
33.3%	33.3% #41426D	RGB 65 66 109	#41426D
50.0%	50.0% #4B4C75	RGB 75 76 117	#4B4C75
66.7%	66.7% #55577C	RGB 85 87 124	#55577C
83.3%	83.3% #5F6184	RGB 95 97 132	#5F6184
100.0%	100.0% #6A6C8C	RGB 106 108 140	#6A6C8C

#2D2D5E #373765 #41426D #4B4C75 #55577C #5F6184 #6A6C8C

#2D2D5E - #6A6C8C

HSV混合

#2D2D5E - #6A6C8C | colorate

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

0.0%	0.0% #2D2D5E	RGB 45 45 94	#2D2D5E
16.7%	16.7% #353565	RGB 53 53 101	#353565
33.3%	33.3% #3E3F6D	RGB 62 63 109	#3E3F6D
50.0%	50.0% #484975	RGB 72 73 117	#484975
66.7%	66.7% #52547C	RGB 82 84 124	#52547C
83.3%	83.3% #5E5F84	RGB 94 95 132	#5E5F84
100.0%	100.0% #6A6C8C	RGB 106 108 140	#6A6C8C

#2D2D5E #353565 #3E3F6D #484975 #52547C #5E5F84 #6A6C8C

#2D2D5E - #484975 - #6A6C8C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2D5E 0%, #484975 50%, #6A6C8C 100%);
    background: -webkit-linear-gradient(top, #2D2D5E 0%, #484975 50%, #6A6C8C 100%);
    background: linear-gradient(to bottom, #2D2D5E 0%, #484975 50%, #6A6C8C 100%);
}
</style>