#C0DBDF - #708FA7 | colorate

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

Blend #C0DBDF to #708FA7

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

RGB混合

#C0DBDF - #708FA7 | colorate

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

0.0%	0.0% #C0DBDF	RGB 192 219 223	#C0DBDF
16.7%	16.7% #B2CED5	RGB 178 206 213	#B2CED5
33.3%	33.3% #A5C1CC	RGB 165 193 204	#A5C1CC
50.0%	50.0% #98B5C3	RGB 152 181 195	#98B5C3
66.7%	66.7% #8AA8B9	RGB 138 168 185	#8AA8B9
83.3%	83.3% #7D9BB0	RGB 125 155 176	#7D9BB0
100.0%	100.0% #708FA7	RGB 112 143 167	#708FA7

#C0DBDF #B2CED5 #A5C1CC #98B5C3 #8AA8B9 #7D9BB0 #708FA7

#C0DBDF - #708FA7

HSV混合

#C0DBDF - #708FA7 | colorate

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

0.0%	0.0% #C0DBDF	RGB 192 219 223	#C0DBDF
16.7%	16.7% #B1CFD5	RGB 177 207 213	#B1CFD5
33.3%	33.3% #A2C2CC	RGB 162 194 204	#A2C2CC
50.0%	50.0% #95B6C3	RGB 149 182 195	#95B6C3
66.7%	66.7% #88A9B9	RGB 136 169 185	#88A9B9
83.3%	83.3% #7B9CB0	RGB 123 156 176	#7B9CB0
100.0%	100.0% #708FA7	RGB 112 143 167	#708FA7

#C0DBDF #B1CFD5 #A2C2CC #95B6C3 #88A9B9 #7B9CB0 #708FA7

#C0DBDF - #95B6C3 - #708FA7

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0DBDF 0%, #95B6C3 50%, #708FA7 100%);
    background: -webkit-linear-gradient(top, #C0DBDF 0%, #95B6C3 50%, #708FA7 100%);
    background: linear-gradient(to bottom, #C0DBDF 0%, #95B6C3 50%, #708FA7 100%);
}
</style>