#C7FFAB - #E7FCFF | colorate

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

Blend #C7FFAB to #E7FCFF

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

RGB混合

#C7FFAB - #E7FCFF | colorate

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

0.0%	0.0% #C7FFAB	RGB 199 255 171	#C7FFAB
16.7%	16.7% #CCFEB9	RGB 204 254 185	#CCFEB9
33.3%	33.3% #D1FEC7	RGB 209 254 199	#D1FEC7
50.0%	50.0% #D7FDD5	RGB 215 253 213	#D7FDD5
66.7%	66.7% #DCFDE3	RGB 220 253 227	#DCFDE3
83.3%	83.3% #E1FCF1	RGB 225 252 241	#E1FCF1
100.0%	100.0% #E7FCFF	RGB 231 252 255	#E7FCFF

#C7FFAB #CCFEB9 #D1FEC7 #D7FDD5 #DCFDE3 #E1FCF1 #E7FCFF

#C7FFAB - #E7FCFF

HSV混合

#C7FFAB - #E7FCFF | colorate

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

0.0%	0.0% #C7FFAB	RGB 199 255 171	#C7FFAB
16.7%	16.7% #BBFFB5	RGB 187 255 181	#BBFFB5
33.3%	33.3% #BFFFC8	RGB 191 255 200	#BFFFC8
50.0%	50.0% #C9FFDE	RGB 201 255 222	#C9FFDE
66.7%	66.7% #D3FFEF	RGB 211 255 239	#D3FFEF
83.3%	83.3% #DDFFFA	RGB 221 255 250	#DDFFFA
100.0%	100.0% #E7FCFF	RGB 231 252 255	#E7FCFF

#C7FFAB #BBFFB5 #BFFFC8 #C9FFDE #D3FFEF #DDFFFA #E7FCFF

#C7FFAB - #C9FFDE - #E7FCFF

CSS代码

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

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