#B5DAB5 - #CFFFD8 | colorate

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

Blend #B5DAB5 to #CFFFD8

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

RGB混合

#B5DAB5 - #CFFFD8 | colorate

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

0.0%	0.0% #B5DAB5	RGB 181 218 181	#B5DAB5
16.7%	16.7% #B9E0BA	RGB 185 224 186	#B9E0BA
33.3%	33.3% #BDE6C0	RGB 189 230 192	#BDE6C0
50.0%	50.0% #C2ECC6	RGB 194 236 198	#C2ECC6
66.7%	66.7% #C6F2CC	RGB 198 242 204	#C6F2CC
83.3%	83.3% #CAF8D2	RGB 202 248 210	#CAF8D2
100.0%	100.0% #CFFFD8	RGB 207 255 216	#CFFFD8

#B5DAB5 #B9E0BA #BDE6C0 #C2ECC6 #C6F2CC #CAF8D2 #CFFFD8

#B5DAB5 - #CFFFD8

HSV混合

#B5DAB5 - #CFFFD8 | colorate

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

0.0%	0.0% #B5DAB5	RGB 181 218 181	#B5DAB5
16.7%	16.7% #B9E0BA	RGB 185 224 186	#B9E0BA
33.3%	33.3% #BDE6C0	RGB 189 230 192	#BDE6C0
50.0%	50.0% #C2ECC6	RGB 194 236 198	#C2ECC6
66.7%	66.7% #C6F2CC	RGB 198 242 204	#C6F2CC
83.3%	83.3% #CAF8D1	RGB 202 248 209	#CAF8D1
100.0%	100.0% #CFFFD8	RGB 207 255 216	#CFFFD8

#B5DAB5 #B9E0BA #BDE6C0 #C2ECC6 #C6F2CC #CAF8D1 #CFFFD8

#B5DAB5 - #C2ECC6 - #CFFFD8

CSS代码

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

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