#F7FF7B - #ECE62A | colorate

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

Blend #F7FF7B to #ECE62A

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

RGB混合

#F7FF7B - #ECE62A | colorate

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

0.0%	0.0% #F7FF7B	RGB 247 255 123	#F7FF7B
16.7%	16.7% #F5FA6D	RGB 245 250 109	#F5FA6D
33.3%	33.3% #F3F660	RGB 243 246 96	#F3F660
50.0%	50.0% #F1F252	RGB 241 242 82	#F1F252
66.7%	66.7% #EFEE45	RGB 239 238 69	#EFEE45
83.3%	83.3% #EDEA37	RGB 237 234 55	#EDEA37
100.0%	100.0% #ECE62A	RGB 236 230 42	#ECE62A

#F7FF7B #F5FA6D #F3F660 #F1F252 #EFEE45 #EDEA37 #ECE62A

#F7FF7B - #ECE62A

HSV混合

#F7FF7B - #ECE62A | colorate

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

0.0%	0.0% #F7FF7B	RGB 247 255 123	#F7FF7B
16.7%	16.7% #F5FB6C	RGB 245 251 108	#F5FB6C
33.3%	33.3% #F4F85E	RGB 244 248 94	#F4F85E
50.0%	50.0% #F3F551	RGB 243 245 81	#F3F551
66.7%	66.7% #F2F243	RGB 242 242 67	#F2F243
83.3%	83.3% #EFEC36	RGB 239 236 54	#EFEC36
100.0%	100.0% #ECE62A	RGB 236 230 42	#ECE62A

#F7FF7B #F5FB6C #F4F85E #F3F551 #F2F243 #EFEC36 #ECE62A

#F7FF7B - #F3F551 - #ECE62A

CSS代码

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

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