#ACCDC9 - #C0FFEE | colorate

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

Blend #ACCDC9 to #C0FFEE

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

RGB混合

#ACCDC9 - #C0FFEE | colorate

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

0.0%	0.0% #ACCDC9	RGB 172 205 201	#ACCDC9
16.7%	16.7% #AFD5CF	RGB 175 213 207	#AFD5CF
33.3%	33.3% #B2DDD5	RGB 178 221 213	#B2DDD5
50.0%	50.0% #B6E6DB	RGB 182 230 219	#B6E6DB
66.7%	66.7% #B9EEE1	RGB 185 238 225	#B9EEE1
83.3%	83.3% #BCF6E7	RGB 188 246 231	#BCF6E7
100.0%	100.0% #C0FFEE	RGB 192 255 238	#C0FFEE

#ACCDC9 #AFD5CF #B2DDD5 #B6E6DB #B9EEE1 #BCF6E7 #C0FFEE

#ACCDC9 - #C0FFEE

HSV混合

#ACCDC9 - #C0FFEE | colorate

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

0.0%	0.0% #ACCDC9	RGB 172 205 201	#ACCDC9
16.7%	16.7% #AFD5CF	RGB 175 213 207	#AFD5CF
33.3%	33.3% #B3DDD6	RGB 179 221 214	#B3DDD6
50.0%	50.0% #B7E6DC	RGB 183 230 220	#B7E6DC
66.7%	66.7% #BAEEE2	RGB 186 238 226	#BAEEE2
83.3%	83.3% #BDF6E8	RGB 189 246 232	#BDF6E8
100.0%	100.0% #C0FFEE	RGB 192 255 238	#C0FFEE

#ACCDC9 #AFD5CF #B3DDD6 #B7E6DC #BAEEE2 #BDF6E8 #C0FFEE

#ACCDC9 - #B7E6DC - #C0FFEE

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACCDC9 0%, #B7E6DC 50%, #C0FFEE 100%);
    background: -webkit-linear-gradient(top, #ACCDC9 0%, #B7E6DC 50%, #C0FFEE 100%);
    background: linear-gradient(to bottom, #ACCDC9 0%, #B7E6DC 50%, #C0FFEE 100%);
}
</style>