#7FA7B1 - #DAE5E8 | colorate

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

Blend #7FA7B1 to #DAE5E8

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

RGB混合

#7FA7B1 - #DAE5E8 | colorate

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

0.0%	0.0% #7FA7B1	RGB 127 167 177	#7FA7B1
16.7%	16.7% #8EB1BA	RGB 142 177 186	#8EB1BA
33.3%	33.3% #9DBBC3	RGB 157 187 195	#9DBBC3
50.0%	50.0% #ACC6CC	RGB 172 198 204	#ACC6CC
66.7%	66.7% #BBD0D5	RGB 187 208 213	#BBD0D5
83.3%	83.3% #CADADE	RGB 202 218 222	#CADADE
100.0%	100.0% #DAE5E8	RGB 218 229 232	#DAE5E8

#7FA7B1 #8EB1BA #9DBBC3 #ACC6CC #BBD0D5 #CADADE #DAE5E8

#7FA7B1 - #DAE5E8

HSV混合

#7FA7B1 - #DAE5E8 | colorate

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

0.0%	0.0% #7FA6B1	RGB 127 166 177	#7FA6B1
16.7%	16.7% #8CB0BA	RGB 140 176 186	#8CB0BA
33.3%	33.3% #9ABAC3	RGB 154 186 195	#9ABAC3
50.0%	50.0% #A9C5CC	RGB 169 197 204	#A9C5CC
66.7%	66.7% #B8CFD5	RGB 184 207 213	#B8CFD5
83.3%	83.3% #C9DADE	RGB 201 218 222	#C9DADE
100.0%	100.0% #DAE5E8	RGB 218 229 232	#DAE5E8

#7FA6B1 #8CB0BA #9ABAC3 #A9C5CC #B8CFD5 #C9DADE #DAE5E8

#7FA7B1 - #A9C5CC - #DAE5E8

CSS代码

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

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