#C3CDFB - #607CCF | colorate

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

Blend #C3CDFB to #607CCF

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

RGB混合

#C3CDFB - #607CCF | colorate

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

0.0%	0.0% #C3CDFB	RGB 195 205 251	#C3CDFB
16.7%	16.7% #B2BFF3	RGB 178 191 243	#B2BFF3
33.3%	33.3% #A2B2EC	RGB 162 178 236	#A2B2EC
50.0%	50.0% #91A4E5	RGB 145 164 229	#91A4E5
66.7%	66.7% #8197DD	RGB 129 151 221	#8197DD
83.3%	83.3% #7089D6	RGB 112 137 214	#7089D6
100.0%	100.0% #607CCF	RGB 96 124 207	#607CCF

#C3CDFB #B2BFF3 #A2B2EC #91A4E5 #8197DD #7089D6 #607CCF

#C3CDFB - #607CCF

HSV混合

#C3CDFB - #607CCF | colorate

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

0.0%	0.0% #C3CDFB	RGB 195 205 251	#C3CDFB
16.7%	16.7% #B0BDF3	RGB 176 189 243	#B0BDF3
33.3%	33.3% #9EAEEC	RGB 158 174 236	#9EAEEC
50.0%	50.0% #8EA0E5	RGB 142 160 229	#8EA0E5
66.7%	66.7% #7D93DD	RGB 125 147 221	#7D93DD
83.3%	83.3% #6E87D6	RGB 110 135 214	#6E87D6
100.0%	100.0% #607CCF	RGB 96 124 207	#607CCF

#C3CDFB #B0BDF3 #9EAEEC #8EA0E5 #7D93DD #6E87D6 #607CCF

#C3CDFB - #8EA0E5 - #607CCF

CSS代码

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

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