#72ABC1 - #105A8C | colorate

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

Blend #72ABC1 to #105A8C

计算两种颜色#72ABC1和#105A8C之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#72ABC1 - #105A8C | colorate

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

0.0%	0.0% #72ABC1	RGB 114 171 193	#72ABC1
16.7%	16.7% #619DB8	RGB 97 157 184	#619DB8
33.3%	33.3% #5190AF	RGB 81 144 175	#5190AF
50.0%	50.0% #4182A6	RGB 65 130 166	#4182A6
66.7%	66.7% #30759D	RGB 48 117 157	#30759D
83.3%	83.3% #206794	RGB 32 103 148	#206794
100.0%	100.0% #105A8C	RGB 16 90 140	#105A8C

#72ABC1 #619DB8 #5190AF #4182A6 #30759D #206794 #105A8C

#72ABC1 - #105A8C

HSV混合

#72ABC1 - #105A8C | colorate

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

0.0%	0.0% #72ABC1	RGB 114 171 193	#72ABC1
16.7%	16.7% #5E9DB8	RGB 94 157 184	#5E9DB8
33.3%	33.3% #4B8FAF	RGB 75 143 175	#4B8FAF
50.0%	50.0% #3A81A6	RGB 58 129 166	#3A81A6
66.7%	66.7% #2B749D	RGB 43 116 157	#2B749D
83.3%	83.3% #1C6694	RGB 28 102 148	#1C6694
100.0%	100.0% #105A8C	RGB 16 90 140	#105A8C

#72ABC1 #5E9DB8 #4B8FAF #3A81A6 #2B749D #1C6694 #105A8C

#72ABC1 - #3A81A6 - #105A8C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72ABC1 0%, #3A81A6 50%, #105A8C 100%);
    background: -webkit-linear-gradient(top, #72ABC1 0%, #3A81A6 50%, #105A8C 100%);
    background: linear-gradient(to bottom, #72ABC1 0%, #3A81A6 50%, #105A8C 100%);
}
</style>