#124B5E - #1A1715 | colorate

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

Blend #124B5E to #1A1715

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

RGB混合

#124B5E - #1A1715 | colorate

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

0.0%	0.0% #124B5E	RGB 18 75 94	#124B5E
16.7%	16.7% #134251	RGB 19 66 81	#134251
33.3%	33.3% #143945	RGB 20 57 69	#143945
50.0%	50.0% #163139	RGB 22 49 57	#163139
66.7%	66.7% #17282D	RGB 23 40 45	#17282D
83.3%	83.3% #181F21	RGB 24 31 33	#181F21
100.0%	100.0% #1A1715	RGB 26 23 21	#1A1715

#124B5E #134251 #143945 #163139 #17282D #181F21 #1A1715

#124B5E - #1A1715

HSV混合

#124B5E - #1A1715 | colorate

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

0.0%	0.0% #114A5E	RGB 17 74 94	#114A5E
16.7%	16.7% #185245	RGB 24 82 69	#185245
33.3%	33.3% #1C4729	RGB 28 71 41	#1C4729
50.0%	50.0% #233C1D	RGB 35 60 29	#233C1D
66.7%	66.7% #29301D	RGB 41 48 29	#29301D
83.3%	83.3% #25231A	RGB 37 35 26	#25231A
100.0%	100.0% #1A1715	RGB 26 23 21	#1A1715

#114A5E #185245 #1C4729 #233C1D #29301D #25231A #1A1715

#124B5E - #233C1D - #1A1715

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #114A5E 0%, #233C1D 50%, #1A1715 100%);
    background: -webkit-linear-gradient(top, #114A5E 0%, #233C1D 50%, #1A1715 100%);
    background: linear-gradient(to bottom, #114A5E 0%, #233C1D 50%, #1A1715 100%);
}
</style>