#CFD9F2 - #728FC1 | colorate

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

Blend #CFD9F2 to #728FC1

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

RGB混合

#CFD9F2 - #728FC1 | colorate

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

0.0%	0.0% #CFD9F2	RGB 207 217 242	#CFD9F2
16.7%	16.7% #BFCCE9	RGB 191 204 233	#BFCCE9
33.3%	33.3% #B0C0E1	RGB 176 192 225	#B0C0E1
50.0%	50.0% #A0B4D9	RGB 160 180 217	#A0B4D9
66.7%	66.7% #91A7D1	RGB 145 167 209	#91A7D1
83.3%	83.3% #819BC9	RGB 129 155 201	#819BC9
100.0%	100.0% #728FC1	RGB 114 143 193	#728FC1

#CFD9F2 #BFCCE9 #B0C0E1 #A0B4D9 #91A7D1 #819BC9 #728FC1

#CFD9F2 - #728FC1

HSV混合

#CFD9F2 - #728FC1 | colorate

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

0.0%	0.0% #CFD9F2	RGB 207 217 242	#CFD9F2
16.7%	16.7% #BDCAE9	RGB 189 202 233	#BDCAE9
33.3%	33.3% #ADBDE1	RGB 173 189 225	#ADBDE1
50.0%	50.0% #9DB0D9	RGB 157 176 217	#9DB0D9
66.7%	66.7% #8EA4D1	RGB 142 164 209	#8EA4D1
83.3%	83.3% #7F99C9	RGB 127 153 201	#7F99C9
100.0%	100.0% #728FC1	RGB 114 143 193	#728FC1

#CFD9F2 #BDCAE9 #ADBDE1 #9DB0D9 #8EA4D1 #7F99C9 #728FC1

#CFD9F2 - #9DB0D9 - #728FC1

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFD9F2 0%, #9DB0D9 50%, #728FC1 100%);
    background: -webkit-linear-gradient(top, #CFD9F2 0%, #9DB0D9 50%, #728FC1 100%);
    background: linear-gradient(to bottom, #CFD9F2 0%, #9DB0D9 50%, #728FC1 100%);
}
</style>