#D9F3D9 - #8AD397 | colorate

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

Blend #D9F3D9 to #8AD397

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

RGB混合

#D9F3D9 - #8AD397 | colorate

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

0.0%	0.0% #D9F3D9	RGB 217 243 217	#D9F3D9
16.7%	16.7% #CBEDCE	RGB 203 237 206	#CBEDCE
33.3%	33.3% #BEE8C3	RGB 190 232 195	#BEE8C3
50.0%	50.0% #B1E3B8	RGB 177 227 184	#B1E3B8
66.7%	66.7% #A4DDAD	RGB 164 221 173	#A4DDAD
83.3%	83.3% #97D8A2	RGB 151 216 162	#97D8A2
100.0%	100.0% #8AD397	RGB 138 211 151	#8AD397

#D9F3D9 #CBEDCE #BEE8C3 #B1E3B8 #A4DDAD #97D8A2 #8AD397

#D9F3D9 - #8AD397

HSV混合

#D9F3D9 - #8AD397 | colorate

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

0.0%	0.0% #D9F3D9	RGB 217 243 217	#D9F3D9
16.7%	16.7% #CAEDCB	RGB 202 237 203	#CAEDCB
33.3%	33.3% #BCE8BF	RGB 188 232 191	#BCE8BF
50.0%	50.0% #AFE3B4	RGB 175 227 180	#AFE3B4
66.7%	66.7% #A2DDA9	RGB 162 221 169	#A2DDA9
83.3%	83.3% #96D89F	RGB 150 216 159	#96D89F
100.0%	100.0% #8AD397	RGB 138 211 151	#8AD397

#D9F3D9 #CAEDCB #BCE8BF #AFE3B4 #A2DDA9 #96D89F #8AD397

#D9F3D9 - #AFE3B4 - #8AD397

CSS代码

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

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