#3C92AF - #1B485F | colorate

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

Blend #3C92AF to #1B485F

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

RGB混合

#3C92AF - #1B485F | colorate

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

0.0%	0.0% #3C92AF	RGB 60 146 175	#3C92AF
16.7%	16.7% #3685A1	RGB 54 133 161	#3685A1
33.3%	33.3% #317994	RGB 49 121 148	#317994
50.0%	50.0% #2B6D87	RGB 43 109 135	#2B6D87
66.7%	66.7% #266079	RGB 38 96 121	#266079
83.3%	83.3% #20546C	RGB 32 84 108	#20546C
100.0%	100.0% #1B485F	RGB 27 72 95	#1B485F

#3C92AF #3685A1 #317994 #2B6D87 #266079 #20546C #1B485F

#3C92AF - #1B485F

HSV混合

#3C92AF - #1B485F | colorate

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

0.0%	0.0% #3C92AF	RGB 60 146 175	#3C92AF
16.7%	16.7% #3584A1	RGB 53 132 161	#3584A1
33.3%	33.3% #2F7894	RGB 47 120 148	#2F7894
50.0%	50.0% #2A6B87	RGB 42 107 135	#2A6B87
66.7%	66.7% #245F79	RGB 36 95 121	#245F79
83.3%	83.3% #1F536C	RGB 31 83 108	#1F536C
100.0%	100.0% #1B485F	RGB 27 72 95	#1B485F

#3C92AF #3584A1 #2F7894 #2A6B87 #245F79 #1F536C #1B485F

#3C92AF - #2A6B87 - #1B485F

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C92AF 0%, #2A6B87 50%, #1B485F 100%);
    background: -webkit-linear-gradient(top, #3C92AF 0%, #2A6B87 50%, #1B485F 100%);
    background: linear-gradient(to bottom, #3C92AF 0%, #2A6B87 50%, #1B485F 100%);
}
</style>