#899EB8 - #ADABFE | colorate

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

Blend #899EB8 to #ADABFE

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

RGB混合

#899EB8 - #ADABFE | colorate

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

0.0%	0.0% #899EB8	RGB 137 158 184	#899EB8
16.7%	16.7% #8FA0C3	RGB 143 160 195	#8FA0C3
33.3%	33.3% #95A2CF	RGB 149 162 207	#95A2CF
50.0%	50.0% #9BA4DB	RGB 155 164 219	#9BA4DB
66.7%	66.7% #A1A6E6	RGB 161 166 230	#A1A6E6
83.3%	83.3% #A7A8F2	RGB 167 168 242	#A7A8F2
100.0%	100.0% #ADABFE	RGB 173 171 254	#ADABFE

#899EB8 #8FA0C3 #95A2CF #9BA4DB #A1A6E6 #A7A8F2 #ADABFE

#899EB8 - #ADABFE

HSV混合

#899EB8 - #ADABFE | colorate

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

0.0%	0.0% #899EB8	RGB 137 158 184	#899EB8
16.7%	16.7% #8FA2C3	RGB 143 162 195	#8FA2C3
33.3%	33.3% #95A6CF	RGB 149 166 207	#95A6CF
50.0%	50.0% #9BA8DB	RGB 155 168 219	#9BA8DB
66.7%	66.7% #A0AAE6	RGB 160 170 230	#A0AAE6
83.3%	83.3% #A6AAF2	RGB 166 170 242	#A6AAF2
100.0%	100.0% #ADABFE	RGB 173 171 254	#ADABFE

#899EB8 #8FA2C3 #95A6CF #9BA8DB #A0AAE6 #A6AAF2 #ADABFE

#899EB8 - #9BA8DB - #ADABFE

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #899EB8 0%, #9BA8DB 50%, #ADABFE 100%);
    background: -webkit-linear-gradient(top, #899EB8 0%, #9BA8DB 50%, #ADABFE 100%);
    background: linear-gradient(to bottom, #899EB8 0%, #9BA8DB 50%, #ADABFE 100%);
}
</style>