#B8EB6C - #FFD993 | colorate

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

Blend #B8EB6C to #FFD993

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

RGB混合

#B8EB6C - #FFD993 | colorate

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

0.0%	0.0% #B8EB6C	RGB 184 235 108	#B8EB6C
16.7%	16.7% #C3E872	RGB 195 232 114	#C3E872
33.3%	33.3% #CFE579	RGB 207 229 121	#CFE579
50.0%	50.0% #DBE27F	RGB 219 226 127	#DBE27F
66.7%	66.7% #E7DF86	RGB 231 223 134	#E7DF86
83.3%	83.3% #F3DC8C	RGB 243 220 140	#F3DC8C
100.0%	100.0% #FFD993	RGB 255 217 147	#FFD993

#B8EB6C #C3E872 #CFE579 #DBE27F #E7DF86 #F3DC8C #FFD993

#B8EB6C - #FFD993

HSV混合

#B8EB6C - #FFD993 | colorate

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

0.0%	0.0% #B8EB6C	RGB 184 235 108	#B8EB6C
16.7%	16.7% #CCEE72	RGB 204 238 114	#CCEE72
33.3%	33.3% #DFF178	RGB 223 241 120	#DFF178
50.0%	50.0% #F2F57E	RGB 242 245 126	#F2F57E
66.7%	66.7% #F8EC85	RGB 248 236 133	#F8EC85
83.3%	83.3% #FBE28C	RGB 251 226 140	#FBE28C
100.0%	100.0% #FFD993	RGB 255 217 147	#FFD993

#B8EB6C #CCEE72 #DFF178 #F2F57E #F8EC85 #FBE28C #FFD993

#B8EB6C - #F2F57E - #FFD993

CSS代码

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

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