#DBFFBC - #8ECE4F | colorate

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

Blend #DBFFBC to #8ECE4F

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

RGB混合

#DBFFBC - #8ECE4F | colorate

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

0.0%	0.0% #DBFFBC	RGB 219 255 188	#DBFFBC
16.7%	16.7% #CEF6A9	RGB 206 246 169	#CEF6A9
33.3%	33.3% #C1EE97	RGB 193 238 151	#C1EE97
50.0%	50.0% #B4E685	RGB 180 230 133	#B4E685
66.7%	66.7% #A7DE73	RGB 167 222 115	#A7DE73
83.3%	83.3% #9AD661	RGB 154 214 97	#9AD661
100.0%	100.0% #8ECE4F	RGB 142 206 79	#8ECE4F

#DBFFBC #CEF6A9 #C1EE97 #B4E685 #A7DE73 #9AD661 #8ECE4F

#DBFFBC - #8ECE4F

HSV混合

#DBFFBC - #8ECE4F | colorate

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

0.0%	0.0% #DBFFBC	RGB 219 255 188	#DBFFBC
16.7%	16.7% #CCF6A7	RGB 204 246 167	#CCF6A7
33.3%	33.3% #BEEE93	RGB 190 238 147	#BEEE93
50.0%	50.0% #B1E681	RGB 177 230 129	#B1E681
66.7%	66.7% #A5DE6F	RGB 165 222 111	#A5DE6F
83.3%	83.3% #99D65E	RGB 153 214 94	#99D65E
100.0%	100.0% #8ECE4F	RGB 142 206 79	#8ECE4F

#DBFFBC #CCF6A7 #BEEE93 #B1E681 #A5DE6F #99D65E #8ECE4F

#DBFFBC - #B1E681 - #8ECE4F

CSS代码

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

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