#B9ADE4 - #C6E5E0 | colorate

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

Blend #B9ADE4 to #C6E5E0

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

RGB混合

#B9ADE4 - #C6E5E0 | colorate

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

0.0%	0.0% #B9ADE4	RGB 185 173 228	#B9ADE4
16.7%	16.7% #BBB6E3	RGB 187 182 227	#BBB6E3
33.3%	33.3% #BDBFE2	RGB 189 191 226	#BDBFE2
50.0%	50.0% #BFC9E2	RGB 191 201 226	#BFC9E2
66.7%	66.7% #C1D2E1	RGB 193 210 225	#C1D2E1
83.3%	83.3% #C3DBE0	RGB 195 219 224	#C3DBE0
100.0%	100.0% #C6E5E0	RGB 198 229 224	#C6E5E0

#B9ADE4 #BBB6E3 #BDBFE2 #BFC9E2 #C1D2E1 #C3DBE0 #C6E5E0

#B9ADE4 - #C6E5E0

HSV混合

#B9ADE4 - #C6E5E0 | colorate

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

0.0%	0.0% #B9ADE4	RGB 185 173 228	#B9ADE4
16.7%	16.7% #B1B1E4	RGB 177 177 228	#B1B1E4
33.3%	33.3% #B5C0E4	RGB 181 192 228	#B5C0E4
50.0%	50.0% #B9CDE4	RGB 185 205 228	#B9CDE4
66.7%	66.7% #BDD9E4	RGB 189 217 228	#BDD9E4
83.3%	83.3% #C1E2E4	RGB 193 226 228	#C1E2E4
100.0%	100.0% #C6E5E0	RGB 198 229 224	#C6E5E0

#B9ADE4 #B1B1E4 #B5C0E4 #B9CDE4 #BDD9E4 #C1E2E4 #C6E5E0

#B9ADE4 - #B9CDE4 - #C6E5E0

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9ADE4 0%, #B9CDE4 50%, #C6E5E0 100%);
    background: -webkit-linear-gradient(top, #B9ADE4 0%, #B9CDE4 50%, #C6E5E0 100%);
    background: linear-gradient(to bottom, #B9ADE4 0%, #B9CDE4 50%, #C6E5E0 100%);
}
</style>