#A8DAD0 - #D5E3C2 | colorate

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

Blend #A8DAD0 to #D5E3C2

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

RGB混合

#A8DAD0 - #D5E3C2 | colorate

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

0.0%	0.0% #A8DAD0	RGB 168 218 208	#A8DAD0
16.7%	16.7% #AFDBCD	RGB 175 219 205	#AFDBCD
33.3%	33.3% #B7DDCB	RGB 183 221 203	#B7DDCB
50.0%	50.0% #BEDEC9	RGB 190 222 201	#BEDEC9
66.7%	66.7% #C6E0C6	RGB 198 224 198	#C6E0C6
83.3%	83.3% #CDE1C4	RGB 205 225 196	#CDE1C4
100.0%	100.0% #D5E3C2	RGB 213 227 194	#D5E3C2

#A8DAD0 #AFDBCD #B7DDCB #BEDEC9 #C6E0C6 #CDE1C4 #D5E3C2

#A8DAD0 - #D5E3C2

HSV混合

#A8DAD0 - #D5E3C2 | colorate

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

0.0%	0.0% #A8DAD0	RGB 168 218 208	#A8DAD0
16.7%	16.7% #ACDBC7	RGB 172 219 199	#ACDBC7
33.3%	33.3% #B0DDBF	RGB 176 221 191	#B0DDBF
50.0%	50.0% #B4DEB9	RGB 180 222 185	#B4DEB9
66.7%	66.7% #BDE0B9	RGB 189 224 185	#BDE0B9
83.3%	83.3% #CAE1BD	RGB 202 225 189	#CAE1BD
100.0%	100.0% #D5E3C2	RGB 213 227 194	#D5E3C2

#A8DAD0 #ACDBC7 #B0DDBF #B4DEB9 #BDE0B9 #CAE1BD #D5E3C2

#A8DAD0 - #B4DEB9 - #D5E3C2

CSS代码

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

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