#405C8C - #869AB4 | colorate

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

Blend #405C8C to #869AB4

计算两种颜色#405C8C和#869AB4之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#405C8C - #869AB4 | colorate

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

0.0%	0.0% #405C8C	RGB 64 92 140	#405C8C
16.7%	16.7% #4B6692	RGB 75 102 146	#4B6692
33.3%	33.3% #577099	RGB 87 112 153	#577099
50.0%	50.0% #637BA0	RGB 99 123 160	#637BA0
66.7%	66.7% #6E85A6	RGB 110 133 166	#6E85A6
83.3%	83.3% #7A8FAD	RGB 122 143 173	#7A8FAD
100.0%	100.0% #869AB4	RGB 134 154 180	#869AB4

#405C8C #4B6692 #577099 #637BA0 #6E85A6 #7A8FAD #869AB4

#405C8C - #869AB4

HSV混合

#405C8C - #869AB4 | colorate

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

0.0%	0.0% #405C8C	RGB 64 92 140	#405C8C
16.7%	16.7% #4A6592	RGB 74 101 146	#4A6592
33.3%	33.3% #546F99	RGB 84 111 153	#546F99
50.0%	50.0% #6079A0	RGB 96 121 160	#6079A0
66.7%	66.7% #6C84A6	RGB 108 132 166	#6C84A6
83.3%	83.3% #788FAD	RGB 120 143 173	#788FAD
100.0%	100.0% #869AB4	RGB 134 154 180	#869AB4

#405C8C #4A6592 #546F99 #6079A0 #6C84A6 #788FAD #869AB4

#405C8C - #6079A0 - #869AB4

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #405C8C 0%, #6079A0 50%, #869AB4 100%);
    background: -webkit-linear-gradient(top, #405C8C 0%, #6079A0 50%, #869AB4 100%);
    background: linear-gradient(to bottom, #405C8C 0%, #6079A0 50%, #869AB4 100%);
}
</style>