#F0FFF1 - #ADDBB7 | colorate

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

Blend #F0FFF1 to #ADDBB7

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

RGB混合

#F0FFF1 - #ADDBB7 | colorate

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

0.0%	0.0% #F0FFF1	RGB 240 255 241	#F0FFF1
16.7%	16.7% #E4F9E7	RGB 228 249 231	#E4F9E7
33.3%	33.3% #D9F3DD	RGB 217 243 221	#D9F3DD
50.0%	50.0% #CEEDD4	RGB 206 237 212	#CEEDD4
66.7%	66.7% #C3E7CA	RGB 195 231 202	#C3E7CA
83.3%	83.3% #B8E1C0	RGB 184 225 192	#B8E1C0
100.0%	100.0% #ADDBB7	RGB 173 219 183	#ADDBB7

#F0FFF1 #E4F9E7 #D9F3DD #CEEDD4 #C3E7CA #B8E1C0 #ADDBB7

#F0FFF1 - #ADDBB7

HSV混合

#F0FFF1 - #ADDBB7 | colorate

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

0.0%	0.0% #F0FFF1	RGB 240 255 241	#F0FFF1
16.7%	16.7% #E4F9E5	RGB 228 249 229	#E4F9E5
33.3%	33.3% #D8F3DB	RGB 216 243 219	#D8F3DB
50.0%	50.0% #CDEDD1	RGB 205 237 209	#CDEDD1
66.7%	66.7% #C2E7C8	RGB 194 231 200	#C2E7C8
83.3%	83.3% #B7E1BF	RGB 183 225 191	#B7E1BF
100.0%	100.0% #ADDBB7	RGB 173 219 183	#ADDBB7

#F0FFF1 #E4F9E5 #D8F3DB #CDEDD1 #C2E7C8 #B7E1BF #ADDBB7

#F0FFF1 - #CDEDD1 - #ADDBB7

CSS代码

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

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