#1F268C - #8FDCCD | colorate

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

Blend #1F268C to #8FDCCD

计算两种颜色#1F268C和#8FDCCD之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#1F268C - #8FDCCD | colorate

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

0.0%	0.0% #1F268C	RGB 31 38 140	#1F268C
16.7%	16.7% #314496	RGB 49 68 150	#314496
33.3%	33.3% #4462A1	RGB 68 98 161	#4462A1
50.0%	50.0% #5781AC	RGB 87 129 172	#5781AC
66.7%	66.7% #699FB7	RGB 105 159 183	#699FB7
83.3%	83.3% #7CBDC2	RGB 124 189 194	#7CBDC2
100.0%	100.0% #8FDCCD	RGB 143 220 205	#8FDCCD

#1F268C #314496 #4462A1 #5781AC #699FB7 #7CBDC2 #8FDCCD

#1F268C - #8FDCCD

HSV混合

#1F268C - #8FDCCD | colorate

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

0.0%	0.0% #1F268C	RGB 31 38 140	#1F268C
16.7%	16.7% #2C4899	RGB 44 72 153	#2C4899
33.3%	33.3% #3C6BA6	RGB 60 107 166	#3C6BA6
50.0%	50.0% #4E8EB4	RGB 78 142 180	#4E8EB4
66.7%	66.7% #62AFC1	RGB 98 175 193	#62AFC1
83.3%	83.3% #77CECE	RGB 119 206 206	#77CECE
100.0%	100.0% #8FDCCD	RGB 143 220 205	#8FDCCD

#1F268C #2C4899 #3C6BA6 #4E8EB4 #62AFC1 #77CECE #8FDCCD

#1F268C - #4E8EB4 - #8FDCCD

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F268C 0%, #4E8EB4 50%, #8FDCCD 100%);
    background: -webkit-linear-gradient(top, #1F268C 0%, #4E8EB4 50%, #8FDCCD 100%);
    background: linear-gradient(to bottom, #1F268C 0%, #4E8EB4 50%, #8FDCCD 100%);
}
</style>