#8889E5 - #B3C7E8 | colorate

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

Blend #8889E5 to #B3C7E8

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

RGB混合

#8889E5 - #B3C7E8 | colorate

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

0.0%	0.0% #8889E5	RGB 136 137 229	#8889E5
16.7%	16.7% #8F93E5	RGB 143 147 229	#8F93E5
33.3%	33.3% #969DE6	RGB 150 157 230	#969DE6
50.0%	50.0% #9DA8E6	RGB 157 168 230	#9DA8E6
66.7%	66.7% #A4B2E7	RGB 164 178 231	#A4B2E7
83.3%	83.3% #ABBCE7	RGB 171 188 231	#ABBCE7
100.0%	100.0% #B3C7E8	RGB 179 199 232	#B3C7E8

#8889E5 #8F93E5 #969DE6 #9DA8E6 #A4B2E7 #ABBCE7 #B3C7E8

#8889E5 - #B3C7E8

HSV混合

#8889E5 - #B3C7E8 | colorate

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

0.0%	0.0% #8889E5	RGB 136 137 229	#8889E5
16.7%	16.7% #8F95E5	RGB 143 149 229	#8F95E5
33.3%	33.3% #96A0E6	RGB 150 160 230	#96A0E6
50.0%	50.0% #9DABE6	RGB 157 171 230	#9DABE6
66.7%	66.7% #A4B5E7	RGB 164 181 231	#A4B5E7
83.3%	83.3% #ABBEE7	RGB 171 190 231	#ABBEE7
100.0%	100.0% #B3C7E8	RGB 179 199 232	#B3C7E8

#8889E5 #8F95E5 #96A0E6 #9DABE6 #A4B5E7 #ABBEE7 #B3C7E8

#8889E5 - #9DABE6 - #B3C7E8

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8889E5 0%, #9DABE6 50%, #B3C7E8 100%);
    background: -webkit-linear-gradient(top, #8889E5 0%, #9DABE6 50%, #B3C7E8 100%);
    background: linear-gradient(to bottom, #8889E5 0%, #9DABE6 50%, #B3C7E8 100%);
}
</style>