#373C78 - #C5C7D8 | colorate

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

Blend #373C78 to #C5C7D8

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

RGB混合

#373C78 - #C5C7D8 | colorate

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

0.0%	0.0% #373C78	RGB 55 60 120	#373C78
16.7%	16.7% #4E5388	RGB 78 83 136	#4E5388
33.3%	33.3% #666A98	RGB 102 106 152	#666A98
50.0%	50.0% #7E81A8	RGB 126 129 168	#7E81A8
66.7%	66.7% #9598B8	RGB 149 152 184	#9598B8
83.3%	83.3% #ADAFC8	RGB 173 175 200	#ADAFC8
100.0%	100.0% #C5C7D8	RGB 197 199 216	#C5C7D8

#373C78 #4E5388 #666A98 #7E81A8 #9598B8 #ADAFC8 #C5C7D8

#373C78 - #C5C7D8

HSV混合

#373C78 - #C5C7D8 | colorate

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

0.0%	0.0% #373C78	RGB 55 60 120	#373C78
16.7%	16.7% #484D88	RGB 72 77 136	#484D88
33.3%	33.3% #5C6198	RGB 92 97 152	#5C6198
50.0%	50.0% #7377A8	RGB 115 119 168	#7377A8
66.7%	66.7% #8B90B8	RGB 139 144 184	#8B90B8
83.3%	83.3% #A7AAC8	RGB 167 170 200	#A7AAC8
100.0%	100.0% #C5C7D8	RGB 197 199 216	#C5C7D8

#373C78 #484D88 #5C6198 #7377A8 #8B90B8 #A7AAC8 #C5C7D8

#373C78 - #7377A8 - #C5C7D8

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #373C78 0%, #7377A8 50%, #C5C7D8 100%);
    background: -webkit-linear-gradient(top, #373C78 0%, #7377A8 50%, #C5C7D8 100%);
    background: linear-gradient(to bottom, #373C78 0%, #7377A8 50%, #C5C7D8 100%);
}
</style>