#DBE3FF - #8A8ED5 | colorate

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

Blend #DBE3FF to #8A8ED5

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

RGB混合

#DBE3FF - #8A8ED5 | colorate

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

0.0%	0.0% #DBE3FF	RGB 219 227 255	#DBE3FF
16.7%	16.7% #CDD4F8	RGB 205 212 248	#CDD4F8
33.3%	33.3% #C0C6F1	RGB 192 198 241	#C0C6F1
50.0%	50.0% #B2B8EA	RGB 178 184 234	#B2B8EA
66.7%	66.7% #A5AAE3	RGB 165 170 227	#A5AAE3
83.3%	83.3% #979CDC	RGB 151 156 220	#979CDC
100.0%	100.0% #8A8ED5	RGB 138 142 213	#8A8ED5

#DBE3FF #CDD4F8 #C0C6F1 #B2B8EA #A5AAE3 #979CDC #8A8ED5

#DBE3FF - #8A8ED5

HSV混合

#DBE3FF - #8A8ED5 | colorate

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

0.0%	0.0% #DBE3FF	RGB 219 227 255	#DBE3FF
16.7%	16.7% #CCD4F8	RGB 204 212 248	#CCD4F8
33.3%	33.3% #BEC6F1	RGB 190 198 241	#BEC6F1
50.0%	50.0% #B0B8EA	RGB 176 184 234	#B0B8EA
66.7%	66.7% #A3AAE3	RGB 163 170 227	#A3AAE3
83.3%	83.3% #969BDC	RGB 150 155 220	#969BDC
100.0%	100.0% #8A8ED5	RGB 138 142 213	#8A8ED5

#DBE3FF #CCD4F8 #BEC6F1 #B0B8EA #A3AAE3 #969BDC #8A8ED5

#DBE3FF - #B0B8EA - #8A8ED5

CSS代码

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

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