#E5E76C - #B1BA22 | colorate

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

Blend #E5E76C to #B1BA22

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

RGB混合

#E5E76C - #B1BA22 | colorate

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

0.0%	0.0% #E5E76C	RGB 229 231 108	#E5E76C
16.7%	16.7% #DCDF5F	RGB 220 223 95	#DCDF5F
33.3%	33.3% #D3D853	RGB 211 216 83	#D3D853
50.0%	50.0% #CBD047	RGB 203 208 71	#CBD047
66.7%	66.7% #C2C93A	RGB 194 201 58	#C2C93A
83.3%	83.3% #B9C12E	RGB 185 193 46	#B9C12E
100.0%	100.0% #B1BA22	RGB 177 186 34	#B1BA22

#E5E76C #DCDF5F #D3D853 #CBD047 #C2C93A #B9C12E #B1BA22

#E5E76C - #B1BA22

HSV混合

#E5E76C - #B1BA22 | colorate

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

0.0%	0.0% #E5E76C	RGB 229 231 108	#E5E76C
16.7%	16.7% #DCDF5D	RGB 220 223 93	#DCDF5D
33.3%	33.3% #D3D850	RGB 211 216 80	#D3D850
50.0%	50.0% #CBD043	RGB 203 208 67	#CBD043
66.7%	66.7% #C2C937	RGB 194 201 55	#C2C937
83.3%	83.3% #B9C12C	RGB 185 193 44	#B9C12C
100.0%	100.0% #B1BA22	RGB 177 186 34	#B1BA22

#E5E76C #DCDF5D #D3D850 #CBD043 #C2C937 #B9C12C #B1BA22

#E5E76C - #CBD043 - #B1BA22

CSS代码

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

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