#A2B7FF - #2D4ACE | colorate

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

Blend #A2B7FF to #2D4ACE

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

RGB混合

#A2B7FF - #2D4ACE | colorate

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

0.0%	0.0% #A2B7FF	RGB 162 183 255	#A2B7FF
16.7%	16.7% #8EA4F6	RGB 142 164 246	#8EA4F6
33.3%	33.3% #7B92EE	RGB 123 146 238	#7B92EE
50.0%	50.0% #6780E6	RGB 103 128 230	#6780E6
66.7%	66.7% #546EDE	RGB 84 110 222	#546EDE
83.3%	83.3% #405CD6	RGB 64 92 214	#405CD6
100.0%	100.0% #2D4ACE	RGB 45 74 206	#2D4ACE

#A2B7FF #8EA4F6 #7B92EE #6780E6 #546EDE #405CD6 #2D4ACE

#A2B7FF - #2D4ACE

HSV混合

#A2B7FF - #2D4ACE | colorate

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

0.0%	0.0% #A2B7FF	RGB 162 183 255	#A2B7FF
16.7%	16.7% #8BA3F6	RGB 139 163 246	#8BA3F6
33.3%	33.3% #768FEE	RGB 118 143 238	#768FEE
50.0%	50.0% #627DE6	RGB 98 125 230	#627DE6
66.7%	66.7% #4F6BDE	RGB 79 107 222	#4F6BDE
83.3%	83.3% #3D5AD6	RGB 61 90 214	#3D5AD6
100.0%	100.0% #2D4ACE	RGB 45 74 206	#2D4ACE

#A2B7FF #8BA3F6 #768FEE #627DE6 #4F6BDE #3D5AD6 #2D4ACE

#A2B7FF - #627DE6 - #2D4ACE

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2B7FF 0%, #627DE6 50%, #2D4ACE 100%);
    background: -webkit-linear-gradient(top, #A2B7FF 0%, #627DE6 50%, #2D4ACE 100%);
    background: linear-gradient(to bottom, #A2B7FF 0%, #627DE6 50%, #2D4ACE 100%);
}
</style>