#C5EACC - #6BB899 | colorate

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

Blend #C5EACC to #6BB899

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

RGB混合

#C5EACC - #6BB899 | colorate

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

0.0%	0.0% #C5EACC	RGB 197 234 204	#C5EACC
16.7%	16.7% #B6E1C3	RGB 182 225 195	#B6E1C3
33.3%	33.3% #A7D9BB	RGB 167 217 187	#A7D9BB
50.0%	50.0% #98D1B2	RGB 152 209 178	#98D1B2
66.7%	66.7% #89C8AA	RGB 137 200 170	#89C8AA
83.3%	83.3% #7AC0A1	RGB 122 192 161	#7AC0A1
100.0%	100.0% #6BB899	RGB 107 184 153	#6BB899

#C5EACC #B6E1C3 #A7D9BB #98D1B2 #89C8AA #7AC0A1 #6BB899

#C5EACC - #6BB899

HSV混合

#C5EACC - #6BB899 | colorate

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

0.0%	0.0% #C5EACC	RGB 197 234 204	#C5EACC
16.7%	16.7% #B4E1BF	RGB 180 225 191	#B4E1BF
33.3%	33.3% #A4D9B5	RGB 164 217 181	#A4D9B5
50.0%	50.0% #94D1AC	RGB 148 209 172	#94D1AC
66.7%	66.7% #86C8A4	RGB 134 200 164	#86C8A4
83.3%	83.3% #78C09E	RGB 120 192 158	#78C09E
100.0%	100.0% #6BB899	RGB 107 184 153	#6BB899

#C5EACC #B4E1BF #A4D9B5 #94D1AC #86C8A4 #78C09E #6BB899

#C5EACC - #94D1AC - #6BB899

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5EACC 0%, #94D1AC 50%, #6BB899 100%);
    background: -webkit-linear-gradient(top, #C5EACC 0%, #94D1AC 50%, #6BB899 100%);
    background: linear-gradient(to bottom, #C5EACC 0%, #94D1AC 50%, #6BB899 100%);
}
</style>