#ADDAA1 - #D5E4FF | colorate

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

Blend #ADDAA1 to #D5E4FF

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

RGB混合

#ADDAA1 - #D5E4FF | colorate

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

0.0%	0.0% #ADDAA1	RGB 173 218 161	#ADDAA1
16.7%	16.7% #B3DBB0	RGB 179 219 176	#B3DBB0
33.3%	33.3% #BADDC0	RGB 186 221 192	#BADDC0
50.0%	50.0% #C1DFD0	RGB 193 223 208	#C1DFD0
66.7%	66.7% #C7E0DF	RGB 199 224 223	#C7E0DF
83.3%	83.3% #CEE2EF	RGB 206 226 239	#CEE2EF
100.0%	100.0% #D5E4FF	RGB 213 228 255	#D5E4FF

#ADDAA1 #B3DBB0 #BADDC0 #C1DFD0 #C7E0DF #CEE2EF #D5E4FF

#ADDAA1 - #D5E4FF

HSV混合

#ADDAA1 - #D5E4FF | colorate

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

0.0%	0.0% #ADDAA1	RGB 173 218 161	#ADDAA1
16.7%	16.7% #A9E0AE	RGB 169 224 174	#A9E0AE
33.3%	33.3% #B1E6C7	RGB 177 230 199	#B1E6C7
50.0%	50.0% #BAECDE	RGB 186 236 222	#BAECDE
66.7%	66.7% #C2F1F2	RGB 194 241 242	#C2F1F2
83.3%	83.3% #CBE9F8	RGB 203 233 248	#CBE9F8
100.0%	100.0% #D5E4FF	RGB 213 228 255	#D5E4FF

#ADDAA1 #A9E0AE #B1E6C7 #BAECDE #C2F1F2 #CBE9F8 #D5E4FF

#ADDAA1 - #BAECDE - #D5E4FF

CSS代码

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

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