#5E9C64 - #D1E2D2 | colorate

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

Blend #5E9C64 to #D1E2D2

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

RGB混合

#5E9C64 - #D1E2D2 | colorate

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

0.0%	0.0% #5E9C64	RGB 94 156 100	#5E9C64
16.7%	16.7% #71A776	RGB 113 167 118	#71A776
33.3%	33.3% #84B388	RGB 132 179 136	#84B388
50.0%	50.0% #97BF9B	RGB 151 191 155	#97BF9B
66.7%	66.7% #AACAAD	RGB 170 202 173	#AACAAD
83.3%	83.3% #BDD6BF	RGB 189 214 191	#BDD6BF
100.0%	100.0% #D1E2D2	RGB 209 226 210	#D1E2D2

#5E9C64 #71A776 #84B388 #97BF9B #AACAAD #BDD6BF #D1E2D2

#5E9C64 - #D1E2D2

HSV混合

#5E9C64 - #D1E2D2 | colorate

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

0.0%	0.0% #5E9C64	RGB 94 156 100	#5E9C64
16.7%	16.7% #6EA773	RGB 110 167 115	#6EA773
33.3%	33.3% #7FB383	RGB 127 179 131	#7FB383
50.0%	50.0% #91BF95	RGB 145 191 149	#91BF95
66.7%	66.7% #A5CAA8	RGB 165 202 168	#A5CAA8
83.3%	83.3% #BAD6BC	RGB 186 214 188	#BAD6BC
100.0%	100.0% #D1E2D2	RGB 209 226 210	#D1E2D2

#5E9C64 #6EA773 #7FB383 #91BF95 #A5CAA8 #BAD6BC #D1E2D2

#5E9C64 - #91BF95 - #D1E2D2

CSS代码

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

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