#009DB5 - #ACFFA8 | colorate

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

Blend #009DB5 to #ACFFA8

计算两种颜色#009DB5和#ACFFA8之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#009DB5 - #ACFFA8 | colorate

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

0.0%	0.0% #009DB5	RGB 0 157 181	#009DB5
16.7%	16.7% #1CADB2	RGB 28 173 178	#1CADB2
33.3%	33.3% #39BDB0	RGB 57 189 176	#39BDB0
50.0%	50.0% #56CEAE	RGB 86 206 174	#56CEAE
66.7%	66.7% #72DEAC	RGB 114 222 172	#72DEAC
83.3%	83.3% #8FEEAA	RGB 143 238 170	#8FEEAA
100.0%	100.0% #ACFFA8	RGB 172 255 168	#ACFFA8

#009DB5 #1CADB2 #39BDB0 #56CEAE #72DEAC #8FEEAA #ACFFA8

#009DB5 - #ACFFA8

HSV混合

#009DB5 - #ACFFA8 | colorate

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

0.0%	0.0% #009DB5	RGB 0 157 181	#009DB5
16.7%	16.7% #15C1B6	RGB 21 193 182	#15C1B6
33.3%	33.3% #2DCDA3	RGB 45 205 163	#2DCDA3
50.0%	50.0% #47DA97	RGB 71 218 151	#47DA97
66.7%	66.7% #65E691	RGB 101 230 145	#65E691
83.3%	83.3% #85F295	RGB 133 242 149	#85F295
100.0%	100.0% #ACFFA8	RGB 172 255 168	#ACFFA8

#009DB5 #15C1B6 #2DCDA3 #47DA97 #65E691 #85F295 #ACFFA8

#009DB5 - #47DA97 - #ACFFA8

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009DB5 0%, #47DA97 50%, #ACFFA8 100%);
    background: -webkit-linear-gradient(top, #009DB5 0%, #47DA97 50%, #ACFFA8 100%);
    background: linear-gradient(to bottom, #009DB5 0%, #47DA97 50%, #ACFFA8 100%);
}
</style>