#BDCBEE - #5E7CBB | colorate

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

Blend #BDCBEE to #5E7CBB

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

RGB混合

#BDCBEE - #5E7CBB | colorate

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

0.0%	0.0% #BDCBEE	RGB 189 203 238	#BDCBEE
16.7%	16.7% #ADBDE5	RGB 173 189 229	#ADBDE5
33.3%	33.3% #9DB0DD	RGB 157 176 221	#9DB0DD
50.0%	50.0% #8DA3D4	RGB 141 163 212	#8DA3D4
66.7%	66.7% #7D96CC	RGB 125 150 204	#7D96CC
83.3%	83.3% #6D89C3	RGB 109 137 195	#6D89C3
100.0%	100.0% #5E7CBB	RGB 94 124 187	#5E7CBB

#BDCBEE #ADBDE5 #9DB0DD #8DA3D4 #7D96CC #6D89C3 #5E7CBB

#BDCBEE - #5E7CBB

HSV混合

#BDCBEE - #5E7CBB | colorate

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

0.0%	0.0% #BDCBEE	RGB 189 203 238	#BDCBEE
16.7%	16.7% #ABBCE5	RGB 171 188 229	#ABBCE5
33.3%	33.3% #9AADDD	RGB 154 173 221	#9AADDD
50.0%	50.0% #89A0D4	RGB 137 160 212	#89A0D4
66.7%	66.7% #7A93CC	RGB 122 147 204	#7A93CC
83.3%	83.3% #6B87C3	RGB 107 135 195	#6B87C3
100.0%	100.0% #5E7CBB	RGB 94 124 187	#5E7CBB

#BDCBEE #ABBCE5 #9AADDD #89A0D4 #7A93CC #6B87C3 #5E7CBB

#BDCBEE - #89A0D4 - #5E7CBB

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDCBEE 0%, #89A0D4 50%, #5E7CBB 100%);
    background: -webkit-linear-gradient(top, #BDCBEE 0%, #89A0D4 50%, #5E7CBB 100%);
    background: linear-gradient(to bottom, #BDCBEE 0%, #89A0D4 50%, #5E7CBB 100%);
}
</style>