#F7FFD0 - #C5E47C | colorate

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

Blend #F7FFD0 to #C5E47C

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

RGB混合

#F7FFD0 - #C5E47C | colorate

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

0.0%	0.0% #F7FFD0	RGB 247 255 208	#F7FFD0
16.7%	16.7% #EEFAC2	RGB 238 250 194	#EEFAC2
33.3%	33.3% #E6F6B4	RGB 230 246 180	#E6F6B4
50.0%	50.0% #DEF1A6	RGB 222 241 166	#DEF1A6
66.7%	66.7% #D5ED98	RGB 213 237 152	#D5ED98
83.3%	83.3% #CDE88A	RGB 205 232 138	#CDE88A
100.0%	100.0% #C5E47C	RGB 197 228 124	#C5E47C

#F7FFD0 #EEFAC2 #E6F6B4 #DEF1A6 #D5ED98 #CDE88A #C5E47C

#F7FFD0 - #C5E47C

HSV混合

#F7FFD0 - #C5E47C | colorate

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

0.0%	0.0% #F7FFD0	RGB 247 255 208	#F7FFD0
16.7%	16.7% #EFFAC0	RGB 239 250 192	#EFFAC0
33.3%	33.3% #E7F6B2	RGB 231 246 178	#E7F6B2
50.0%	50.0% #DFF1A4	RGB 223 241 164	#DFF1A4
66.7%	66.7% #D6ED96	RGB 214 237 150	#D6ED96
83.3%	83.3% #CEE888	RGB 206 232 136	#CEE888
100.0%	100.0% #C5E47C	RGB 197 228 124	#C5E47C

#F7FFD0 #EFFAC0 #E7F6B2 #DFF1A4 #D6ED96 #CEE888 #C5E47C

#F7FFD0 - #DFF1A4 - #C5E47C

CSS代码

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

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