#D5E6ED - #839FB9 | colorate

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

Blend #D5E6ED to #839FB9

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

RGB混合

#D5E6ED - #839FB9 | colorate

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

0.0%	0.0% #D5E6ED	RGB 213 230 237	#D5E6ED
16.7%	16.7% #C7DAE4	RGB 199 218 228	#C7DAE4
33.3%	33.3% #B9CEDB	RGB 185 206 219	#B9CEDB
50.0%	50.0% #ACC2D3	RGB 172 194 211	#ACC2D3
66.7%	66.7% #9EB6CA	RGB 158 182 202	#9EB6CA
83.3%	83.3% #90AAC1	RGB 144 170 193	#90AAC1
100.0%	100.0% #839FB9	RGB 131 159 185	#839FB9

#D5E6ED #C7DAE4 #B9CEDB #ACC2D3 #9EB6CA #90AAC1 #839FB9

#D5E6ED - #839FB9

HSV混合

#D5E6ED - #839FB9 | colorate

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

0.0%	0.0% #D5E6ED	RGB 213 230 237	#D5E6ED
16.7%	16.7% #C5DAE4	RGB 197 218 228	#C5DAE4
33.3%	33.3% #B7CEDB	RGB 183 206 219	#B7CEDB
50.0%	50.0% #A9C2D3	RGB 169 194 211	#A9C2D3
66.7%	66.7% #9CB7CA	RGB 156 183 202	#9CB7CA
83.3%	83.3% #8FABC1	RGB 143 171 193	#8FABC1
100.0%	100.0% #839FB9	RGB 131 159 185	#839FB9

#D5E6ED #C5DAE4 #B7CEDB #A9C2D3 #9CB7CA #8FABC1 #839FB9

#D5E6ED - #A9C2D3 - #839FB9

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E6ED 0%, #A9C2D3 50%, #839FB9 100%);
    background: -webkit-linear-gradient(top, #D5E6ED 0%, #A9C2D3 50%, #839FB9 100%);
    background: linear-gradient(to bottom, #D5E6ED 0%, #A9C2D3 50%, #839FB9 100%);
}
</style>