#B6C4A8 - #C8FFCA | colorate

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

Blend #B6C4A8 to #C8FFCA

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

RGB混合

#B6C4A8 - #C8FFCA | colorate

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

0.0%	0.0% #B6C4A8	RGB 182 196 168	#B6C4A8
16.7%	16.7% #B9CDAD	RGB 185 205 173	#B9CDAD
33.3%	33.3% #BCD7B3	RGB 188 215 179	#BCD7B3
50.0%	50.0% #BFE1B9	RGB 191 225 185	#BFE1B9
66.7%	66.7% #C2EBBE	RGB 194 235 190	#C2EBBE
83.3%	83.3% #C5F5C4	RGB 197 245 196	#C5F5C4
100.0%	100.0% #C8FFCA	RGB 200 255 202	#C8FFCA

#B6C4A8 #B9CDAD #BCD7B3 #BFE1B9 #C2EBBE #C5F5C4 #C8FFCA

#B6C4A8 - #C8FFCA

HSV混合

#B6C4A8 - #C8FFCA | colorate

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

0.0%	0.0% #B6C4A8	RGB 182 196 168	#B6C4A8
16.7%	16.7% #BBCDAD	RGB 187 205 173	#BBCDAD
33.3%	33.3% #BFD7B3	RGB 191 215 179	#BFD7B3
50.0%	50.0% #C2E1B9	RGB 194 225 185	#C2E1B9
66.7%	66.7% #C4EBBE	RGB 196 235 190	#C4EBBE
83.3%	83.3% #C5F5C3	RGB 197 245 195	#C5F5C3
100.0%	100.0% #C8FFCA	RGB 200 255 202	#C8FFCA

#B6C4A8 #BBCDAD #BFD7B3 #C2E1B9 #C4EBBE #C5F5C3 #C8FFCA

#B6C4A8 - #C2E1B9 - #C8FFCA

CSS代码

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

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