#C2DCE7 - #6D92B2 | colorate

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

Blend #C2DCE7 to #6D92B2

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

RGB混合

#C2DCE7 - #6D92B2 | colorate

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

0.0%	0.0% #C2DCE7	RGB 194 220 231	#C2DCE7
16.7%	16.7% #B3CFDE	RGB 179 207 222	#B3CFDE
33.3%	33.3% #A5C3D5	RGB 165 195 213	#A5C3D5
50.0%	50.0% #97B7CC	RGB 151 183 204	#97B7CC
66.7%	66.7% #89AAC3	RGB 137 170 195	#89AAC3
83.3%	83.3% #7B9EBA	RGB 123 158 186	#7B9EBA
100.0%	100.0% #6D92B2	RGB 109 146 178	#6D92B2

#C2DCE7 #B3CFDE #A5C3D5 #97B7CC #89AAC3 #7B9EBA #6D92B2

#C2DCE7 - #6D92B2

HSV混合

#C2DCE7 - #6D92B2 | colorate

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

0.0%	0.0% #C2DCE7	RGB 194 220 231	#C2DCE7
16.7%	16.7% #B2CFDE	RGB 178 207 222	#B2CFDE
33.3%	33.3% #A2C3D5	RGB 162 195 213	#A2C3D5
50.0%	50.0% #94B7CC	RGB 148 183 204	#94B7CC
66.7%	66.7% #86AAC3	RGB 134 170 195	#86AAC3
83.3%	83.3% #799EBA	RGB 121 158 186	#799EBA
100.0%	100.0% #6D92B2	RGB 109 146 178	#6D92B2

#C2DCE7 #B2CFDE #A2C3D5 #94B7CC #86AAC3 #799EBA #6D92B2

#C2DCE7 - #94B7CC - #6D92B2

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DCE7 0%, #94B7CC 50%, #6D92B2 100%);
    background: -webkit-linear-gradient(top, #C2DCE7 0%, #94B7CC 50%, #6D92B2 100%);
    background: linear-gradient(to bottom, #C2DCE7 0%, #94B7CC 50%, #6D92B2 100%);
}
</style>