#5EBE95 - #D1ECE0 | colorate

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

Blend #5EBE95 to #D1ECE0

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

RGB混合

#5EBE95 - #D1ECE0 | colorate

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

0.0%	0.0% #5EBE95	RGB 94 190 149	#5EBE95
16.7%	16.7% #71C5A1	RGB 113 197 161	#71C5A1
33.3%	33.3% #84CDAE	RGB 132 205 174	#84CDAE
50.0%	50.0% #97D5BA	RGB 151 213 186	#97D5BA
66.7%	66.7% #AADCC7	RGB 170 220 199	#AADCC7
83.3%	83.3% #BDE4D3	RGB 189 228 211	#BDE4D3
100.0%	100.0% #D1ECE0	RGB 209 236 224	#D1ECE0

#5EBE95 #71C5A1 #84CDAE #97D5BA #AADCC7 #BDE4D3 #D1ECE0

#5EBE95 - #D1ECE0

HSV混合

#5EBE95 - #D1ECE0 | colorate

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

0.0%	0.0% #5EBE95	RGB 94 190 149	#5EBE95
16.7%	16.7% #6EC5A0	RGB 110 197 160	#6EC5A0
33.3%	33.3% #80CDAC	RGB 128 205 172	#80CDAC
50.0%	50.0% #93D5B8	RGB 147 213 184	#93D5B8
66.7%	66.7% #A6DCC4	RGB 166 220 196	#A6DCC4
83.3%	83.3% #BBE4D2	RGB 187 228 210	#BBE4D2
100.0%	100.0% #D1ECE0	RGB 209 236 224	#D1ECE0

#5EBE95 #6EC5A0 #80CDAC #93D5B8 #A6DCC4 #BBE4D2 #D1ECE0

#5EBE95 - #93D5B8 - #D1ECE0

CSS代码

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

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