#C5E9C9 - #6EB696 | colorate

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

Blend #C5E9C9 to #6EB696

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

RGB混合

#C5E9C9 - #6EB696 | colorate

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

0.0%	0.0% #C5E9C9	RGB 197 233 201	#C5E9C9
16.7%	16.7% #B6E0C0	RGB 182 224 192	#B6E0C0
33.3%	33.3% #A8D8B8	RGB 168 216 184	#A8D8B8
50.0%	50.0% #99CFAF	RGB 153 207 175	#99CFAF
66.7%	66.7% #8BC7A7	RGB 139 199 167	#8BC7A7
83.3%	83.3% #7CBE9E	RGB 124 190 158	#7CBE9E
100.0%	100.0% #6EB696	RGB 110 182 150	#6EB696

#C5E9C9 #B6E0C0 #A8D8B8 #99CFAF #8BC7A7 #7CBE9E #6EB696

#C5E9C9 - #6EB696

HSV混合

#C5E9C9 - #6EB696 | colorate

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

0.0%	0.0% #C5E9C9	RGB 197 233 201	#C5E9C9
16.7%	16.7% #B4E0BC	RGB 180 224 188	#B4E0BC
33.3%	33.3% #A5D8B2	RGB 165 216 178	#A5D8B2
50.0%	50.0% #96CFA9	RGB 150 207 169	#96CFA9
66.7%	66.7% #88C7A1	RGB 136 199 161	#88C7A1
83.3%	83.3% #7ABE9B	RGB 122 190 155	#7ABE9B
100.0%	100.0% #6EB696	RGB 110 182 150	#6EB696

#C5E9C9 #B4E0BC #A5D8B2 #96CFA9 #88C7A1 #7ABE9B #6EB696

#C5E9C9 - #96CFA9 - #6EB696

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E9C9 0%, #96CFA9 50%, #6EB696 100%);
    background: -webkit-linear-gradient(top, #C5E9C9 0%, #96CFA9 50%, #6EB696 100%);
    background: linear-gradient(to bottom, #C5E9C9 0%, #96CFA9 50%, #6EB696 100%);
}
</style>