#BBC3E8 - #5A73B2 | colorate

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

Blend #BBC3E8 to #5A73B2

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

RGB混合

#BBC3E8 - #5A73B2 | colorate

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

0.0%	0.0% #BBC3E8	RGB 187 195 232	#BBC3E8
16.7%	16.7% #AAB5DF	RGB 170 181 223	#AAB5DF
33.3%	33.3% #9AA8D6	RGB 154 168 214	#9AA8D6
50.0%	50.0% #8A9BCD	RGB 138 155 205	#8A9BCD
66.7%	66.7% #7A8DC4	RGB 122 141 196	#7A8DC4
83.3%	83.3% #6A80BB	RGB 106 128 187	#6A80BB
100.0%	100.0% #5A73B2	RGB 90 115 178	#5A73B2

#BBC3E8 #AAB5DF #9AA8D6 #8A9BCD #7A8DC4 #6A80BB #5A73B2

#BBC3E8 - #5A73B2

HSV混合

#BBC3E8 - #5A73B2 | colorate

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

0.0%	0.0% #BBC3E8	RGB 187 195 232	#BBC3E8
16.7%	16.7% #A8B3DF	RGB 168 179 223	#A8B3DF
33.3%	33.3% #97A4D6	RGB 151 164 214	#97A4D6
50.0%	50.0% #8696CD	RGB 134 150 205	#8696CD
66.7%	66.7% #7689C4	RGB 118 137 196	#7689C4
83.3%	83.3% #677EBB	RGB 103 126 187	#677EBB
100.0%	100.0% #5A73B2	RGB 90 115 178	#5A73B2

#BBC3E8 #A8B3DF #97A4D6 #8696CD #7689C4 #677EBB #5A73B2

#BBC3E8 - #8696CD - #5A73B2

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC3E8 0%, #8696CD 50%, #5A73B2 100%);
    background: -webkit-linear-gradient(top, #BBC3E8 0%, #8696CD 50%, #5A73B2 100%);
    background: linear-gradient(to bottom, #BBC3E8 0%, #8696CD 50%, #5A73B2 100%);
}
</style>