#CBE2FF - #6D9AD6 | colorate

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

Blend #CBE2FF to #6D9AD6

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

RGB混合

#CBE2FF - #6D9AD6 | colorate

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

0.0%	0.0% #CBE2FF	RGB 203 226 255	#CBE2FF
16.7%	16.7% #BBD6F8	RGB 187 214 248	#BBD6F8
33.3%	33.3% #ABCAF1	RGB 171 202 241	#ABCAF1
50.0%	50.0% #9CBEEA	RGB 156 190 234	#9CBEEA
66.7%	66.7% #8CB2E3	RGB 140 178 227	#8CB2E3
83.3%	83.3% #7CA6DC	RGB 124 166 220	#7CA6DC
100.0%	100.0% #6D9AD6	RGB 109 154 214	#6D9AD6

#CBE2FF #BBD6F8 #ABCAF1 #9CBEEA #8CB2E3 #7CA6DC #6D9AD6

#CBE2FF - #6D9AD6

HSV混合

#CBE2FF - #6D9AD6 | colorate

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

0.0%	0.0% #CBE2FF	RGB 203 226 255	#CBE2FF
16.7%	16.7% #B9D5F8	RGB 185 213 248	#B9D5F8
33.3%	33.3% #A9C8F1	RGB 169 200 241	#A9C8F1
50.0%	50.0% #99BCEA	RGB 153 188 234	#99BCEA
66.7%	66.7% #89B0E3	RGB 137 176 227	#89B0E3
83.3%	83.3% #7BA5DC	RGB 123 165 220	#7BA5DC
100.0%	100.0% #6D9AD6	RGB 109 154 214	#6D9AD6

#CBE2FF #B9D5F8 #A9C8F1 #99BCEA #89B0E3 #7BA5DC #6D9AD6

#CBE2FF - #99BCEA - #6D9AD6

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBE2FF 0%, #99BCEA 50%, #6D9AD6 100%);
    background: -webkit-linear-gradient(top, #CBE2FF 0%, #99BCEA 50%, #6D9AD6 100%);
    background: linear-gradient(to bottom, #CBE2FF 0%, #99BCEA 50%, #6D9AD6 100%);
}
</style>