#5EAF5E - #E0C09B | colorate

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

Blend #5EAF5E to #E0C09B

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

RGB混合

#5EAF5E - #E0C09B | colorate

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

0.0%	0.0% #5EAF5E	RGB 94 175 94	#5EAF5E
16.7%	16.7% #73B168	RGB 115 177 104	#73B168
33.3%	33.3% #89B472	RGB 137 180 114	#89B472
50.0%	50.0% #9FB77C	RGB 159 183 124	#9FB77C
66.7%	66.7% #B4BA86	RGB 180 186 134	#B4BA86
83.3%	83.3% #CABD90	RGB 202 189 144	#CABD90
100.0%	100.0% #E0C09B	RGB 224 192 155	#E0C09B

#5EAF5E #73B168 #89B472 #9FB77C #B4BA86 #CABD90 #E0C09B

#5EAF5E - #E0C09B

HSV混合

#5EAF5E - #E0C09B | colorate

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

0.0%	0.0% #5EAF5E	RGB 94 175 94	#5EAF5E
16.7%	16.7% #7AB767	RGB 122 183 103	#7AB767
33.3%	33.3% #97BF70	RGB 151 191 112	#97BF70
50.0%	50.0% #B2C77A	RGB 178 199 122	#B2C77A
66.7%	66.7% #CDCF84	RGB 205 207 132	#CDCF84
83.3%	83.3% #D7C78F	RGB 215 199 143	#D7C78F
100.0%	100.0% #E0C09B	RGB 224 192 155	#E0C09B

#5EAF5E #7AB767 #97BF70 #B2C77A #CDCF84 #D7C78F #E0C09B

#5EAF5E - #B2C77A - #E0C09B

CSS代码

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

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