#2D4C5E - #9C6DCD | colorate

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

Blend #2D4C5E to #9C6DCD

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

RGB混合

#2D4C5E - #9C6DCD | colorate

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

0.0%	0.0% #2D4C5E	RGB 45 76 94	#2D4C5E
16.7%	16.7% #3F5170	RGB 63 81 112	#3F5170
33.3%	33.3% #525783	RGB 82 87 131	#525783
50.0%	50.0% #645C95	RGB 100 92 149	#645C95
66.7%	66.7% #7762A8	RGB 119 98 168	#7762A8
83.3%	83.3% #8967BA	RGB 137 103 186	#8967BA
100.0%	100.0% #9C6DCD	RGB 156 109 205	#9C6DCD

#2D4C5E #3F5170 #525783 #645C95 #7762A8 #8967BA #9C6DCD

#2D4C5E - #9C6DCD

HSV混合

#2D4C5E - #9C6DCD | colorate

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

0.0%	0.0% #2D4C5E	RGB 45 76 94	#2D4C5E
16.7%	16.7% #365070	RGB 54 80 112	#365070
33.3%	33.3% #415283	RGB 65 82 131	#415283
50.0%	50.0% #4B5095	RGB 75 80 149	#4B5095
66.7%	66.7% #5F56A8	RGB 95 86 168	#5F56A8
83.3%	83.3% #7C61BA	RGB 124 97 186	#7C61BA
100.0%	100.0% #9C6DCD	RGB 156 109 205	#9C6DCD

#2D4C5E #365070 #415283 #4B5095 #5F56A8 #7C61BA #9C6DCD

#2D4C5E - #4B5095 - #9C6DCD

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4C5E 0%, #4B5095 50%, #9C6DCD 100%);
    background: -webkit-linear-gradient(top, #2D4C5E 0%, #4B5095 50%, #9C6DCD 100%);
    background: linear-gradient(to bottom, #2D4C5E 0%, #4B5095 50%, #9C6DCD 100%);
}
</style>