#ACE7DF - #3DBEB5 | colorate

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

Blend #ACE7DF to #3DBEB5

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

RGB混合

#ACE7DF - #3DBEB5 | colorate

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

0.0%	0.0% #ACE7DF	RGB 172 231 223	#ACE7DF
16.7%	16.7% #99E0D8	RGB 153 224 216	#99E0D8
33.3%	33.3% #87D9D1	RGB 135 217 209	#87D9D1
50.0%	50.0% #74D2CA	RGB 116 210 202	#74D2CA
66.7%	66.7% #62CBC3	RGB 98 203 195	#62CBC3
83.3%	83.3% #4FC4BC	RGB 79 196 188	#4FC4BC
100.0%	100.0% #3DBEB5	RGB 61 190 181	#3DBEB5

#ACE7DF #99E0D8 #87D9D1 #74D2CA #62CBC3 #4FC4BC #3DBEB5

#ACE7DF - #3DBEB5

HSV混合

#ACE7DF - #3DBEB5 | colorate

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

0.0%	0.0% #ACE7DF	RGB 172 231 223	#ACE7DF
16.7%	16.7% #97E0D7	RGB 151 224 215	#97E0D7
33.3%	33.3% #83D9CF	RGB 131 217 207	#83D9CF
50.0%	50.0% #70D2C8	RGB 112 210 200	#70D2C8
66.7%	66.7% #5ECBC1	RGB 94 203 193	#5ECBC1
83.3%	83.3% #4DC4BB	RGB 77 196 187	#4DC4BB
100.0%	100.0% #3DBEB5	RGB 61 190 181	#3DBEB5

#ACE7DF #97E0D7 #83D9CF #70D2C8 #5ECBC1 #4DC4BB #3DBEB5

#ACE7DF - #70D2C8 - #3DBEB5

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACE7DF 0%, #70D2C8 50%, #3DBEB5 100%);
    background: -webkit-linear-gradient(top, #ACE7DF 0%, #70D2C8 50%, #3DBEB5 100%);
    background: linear-gradient(to bottom, #ACE7DF 0%, #70D2C8 50%, #3DBEB5 100%);
}
</style>