#AAB5CE - #4F668E | colorate

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

Blend #AAB5CE to #4F668E

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

RGB混合

#AAB5CE - #4F668E | colorate

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

0.0%	0.0% #AAB5CE	RGB 170 181 206	#AAB5CE
16.7%	16.7% #9AA7C3	RGB 154 167 195	#9AA7C3
33.3%	33.3% #8B9AB8	RGB 139 154 184	#8B9AB8
50.0%	50.0% #7C8DAE	RGB 124 141 174	#7C8DAE
66.7%	66.7% #6D80A3	RGB 109 128 163	#6D80A3
83.3%	83.3% #5E7398	RGB 94 115 152	#5E7398
100.0%	100.0% #4F668E	RGB 79 102 142	#4F668E

#AAB5CE #9AA7C3 #8B9AB8 #7C8DAE #6D80A3 #5E7398 #4F668E

#AAB5CE - #4F668E

HSV混合

#AAB5CE - #4F668E | colorate

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

0.0%	0.0% #AAB5CE	RGB 170 181 206	#AAB5CE
16.7%	16.7% #98A5C3	RGB 152 165 195	#98A5C3
33.3%	33.3% #8797B8	RGB 135 151 184	#8797B8
50.0%	50.0% #788AAE	RGB 120 138 174	#788AAE
66.7%	66.7% #697DA3	RGB 105 125 163	#697DA3
83.3%	83.3% #5B7198	RGB 91 113 152	#5B7198
100.0%	100.0% #4F668E	RGB 79 102 142	#4F668E

#AAB5CE #98A5C3 #8797B8 #788AAE #697DA3 #5B7198 #4F668E

#AAB5CE - #788AAE - #4F668E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAB5CE 0%, #788AAE 50%, #4F668E 100%);
    background: -webkit-linear-gradient(top, #AAB5CE 0%, #788AAE 50%, #4F668E 100%);
    background: linear-gradient(to bottom, #AAB5CE 0%, #788AAE 50%, #4F668E 100%);
}
</style>