#CFE2FF - #729AD5 | colorate

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

Blend #CFE2FF to #729AD5

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

RGB混合

#CFE2FF - #729AD5 | colorate

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

0.0%	0.0% #CFE2FF	RGB 207 226 255	#CFE2FF
16.7%	16.7% #BFD6F8	RGB 191 214 248	#BFD6F8
33.3%	33.3% #B0CAF1	RGB 176 202 241	#B0CAF1
50.0%	50.0% #A0BEEA	RGB 160 190 234	#A0BEEA
66.7%	66.7% #91B2E3	RGB 145 178 227	#91B2E3
83.3%	83.3% #81A6DC	RGB 129 166 220	#81A6DC
100.0%	100.0% #729AD5	RGB 114 154 213	#729AD5

#CFE2FF #BFD6F8 #B0CAF1 #A0BEEA #91B2E3 #81A6DC #729AD5

#CFE2FF - #729AD5

HSV混合

#CFE2FF - #729AD5 | colorate

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

0.0%	0.0% #CFE2FF	RGB 207 226 255	#CFE2FF
16.7%	16.7% #BDD4F8	RGB 189 212 248	#BDD4F8
33.3%	33.3% #ADC8F1	RGB 173 200 241	#ADC8F1
50.0%	50.0% #9DBCEA	RGB 157 188 234	#9DBCEA
66.7%	66.7% #8EB0E3	RGB 142 176 227	#8EB0E3
83.3%	83.3% #7FA4DC	RGB 127 164 220	#7FA4DC
100.0%	100.0% #729AD5	RGB 114 154 213	#729AD5

#CFE2FF #BDD4F8 #ADC8F1 #9DBCEA #8EB0E3 #7FA4DC #729AD5

#CFE2FF - #9DBCEA - #729AD5

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFE2FF 0%, #9DBCEA 50%, #729AD5 100%);
    background: -webkit-linear-gradient(top, #CFE2FF 0%, #9DBCEA 50%, #729AD5 100%);
    background: linear-gradient(to bottom, #CFE2FF 0%, #9DBCEA 50%, #729AD5 100%);
}
</style>