#3C8EB2 - #C7DEE9 | colorate

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

Blend #3C8EB2 to #C7DEE9

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

RGB混合

#3C8EB2 - #C7DEE9 | colorate

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

0.0%	0.0% #3C8EB2	RGB 60 142 178	#3C8EB2
16.7%	16.7% #539BBB	RGB 83 155 187	#539BBB
33.3%	33.3% #6AA8C4	RGB 106 168 196	#6AA8C4
50.0%	50.0% #81B6CD	RGB 129 182 205	#81B6CD
66.7%	66.7% #98C3D6	RGB 152 195 214	#98C3D6
83.3%	83.3% #AFD0DF	RGB 175 208 223	#AFD0DF
100.0%	100.0% #C7DEE9	RGB 199 222 233	#C7DEE9

#3C8EB2 #539BBB #6AA8C4 #81B6CD #98C3D6 #AFD0DF #C7DEE9

#3C8EB2 - #C7DEE9

HSV混合

#3C8EB2 - #C7DEE9 | colorate

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

0.0%	0.0% #3C8DB2	RGB 60 141 178	#3C8DB2
16.7%	16.7% #4F99BB	RGB 79 153 187	#4F99BB
33.3%	33.3% #64A6C4	RGB 100 166 196	#64A6C4
50.0%	50.0% #7AB3CD	RGB 122 179 205	#7AB3CD
66.7%	66.7% #92C0D6	RGB 146 192 214	#92C0D6
83.3%	83.3% #ABCFDF	RGB 171 207 223	#ABCFDF
100.0%	100.0% #C7DEE9	RGB 199 222 233	#C7DEE9

#3C8DB2 #4F99BB #64A6C4 #7AB3CD #92C0D6 #ABCFDF #C7DEE9

#3C8EB2 - #7AB3CD - #C7DEE9

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C8DB2 0%, #7AB3CD 50%, #C7DEE9 100%);
    background: -webkit-linear-gradient(top, #3C8DB2 0%, #7AB3CD 50%, #C7DEE9 100%);
    background: linear-gradient(to bottom, #3C8DB2 0%, #7AB3CD 50%, #C7DEE9 100%);
}
</style>