#C6D9A1 - #FBF0BC | colorate

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

Blend #C6D9A1 to #FBF0BC

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

RGB混合

#C6D9A1 - #FBF0BC | colorate

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

0.0%	0.0% #C6D9A1	RGB 198 217 161	#C6D9A1
16.7%	16.7% #CEDCA5	RGB 206 220 165	#CEDCA5
33.3%	33.3% #D7E0AA	RGB 215 224 170	#D7E0AA
50.0%	50.0% #E0E4AE	RGB 224 228 174	#E0E4AE
66.7%	66.7% #E9E8B3	RGB 233 232 179	#E9E8B3
83.3%	83.3% #F2ECB7	RGB 242 236 183	#F2ECB7
100.0%	100.0% #FBF0BC	RGB 251 240 188	#FBF0BC

#C6D9A1 #CEDCA5 #D7E0AA #E0E4AE #E9E8B3 #F2ECB7 #FBF0BC

#C6D9A1 - #FBF0BC

HSV混合

#C6D9A1 - #FBF0BC | colorate

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

0.0%	0.0% #C6D9A1	RGB 198 217 161	#C6D9A1
16.7%	16.7% #D0DEA5	RGB 208 222 165	#D0DEA5
33.3%	33.3% #DAE4A9	RGB 218 228 169	#DAE4A9
50.0%	50.0% #E5EAAE	RGB 229 234 174	#E5EAAE
66.7%	66.7% #EFEFB2	RGB 239 239 178	#EFEFB2
83.3%	83.3% #F5EFB7	RGB 245 239 183	#F5EFB7
100.0%	100.0% #FBF0BC	RGB 251 240 188	#FBF0BC

#C6D9A1 #D0DEA5 #DAE4A9 #E5EAAE #EFEFB2 #F5EFB7 #FBF0BC

#C6D9A1 - #E5EAAE - #FBF0BC

CSS代码

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

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