#45ABC6 - #185F80 | colorate

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

Blend #45ABC6 to #185F80

计算两种颜色#45ABC6和#185F80之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#45ABC6 - #185F80 | colorate

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

0.0%	0.0% #45ABC6	RGB 69 171 198	#45ABC6
16.7%	16.7% #3D9EBA	RGB 61 158 186	#3D9EBA
33.3%	33.3% #3691AE	RGB 54 145 174	#3691AE
50.0%	50.0% #2E85A3	RGB 46 133 163	#2E85A3
66.7%	66.7% #277897	RGB 39 120 151	#277897
83.3%	83.3% #1F6B8B	RGB 31 107 139	#1F6B8B
100.0%	100.0% #185F80	RGB 24 95 128	#185F80

#45ABC6 #3D9EBA #3691AE #2E85A3 #277897 #1F6B8B #185F80

#45ABC6 - #185F80

HSV混合

#45ABC6 - #185F80 | colorate

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

0.0%	0.0% #44ABC6	RGB 68 171 198	#44ABC6
16.7%	16.7% #3B9DBA	RGB 59 157 186	#3B9DBA
33.3%	33.3% #3390AE	RGB 51 144 174	#3390AE
50.0%	50.0% #2B83A3	RGB 43 131 163	#2B83A3
66.7%	66.7% #247797	RGB 36 119 151	#247797
83.3%	83.3% #1D6A8B	RGB 29 106 139	#1D6A8B
100.0%	100.0% #185F80	RGB 24 95 128	#185F80

#44ABC6 #3B9DBA #3390AE #2B83A3 #247797 #1D6A8B #185F80

#45ABC6 - #2B83A3 - #185F80

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44ABC6 0%, #2B83A3 50%, #185F80 100%);
    background: -webkit-linear-gradient(top, #44ABC6 0%, #2B83A3 50%, #185F80 100%);
    background: linear-gradient(to bottom, #44ABC6 0%, #2B83A3 50%, #185F80 100%);
}
</style>