#B5E7CD - #52B99C | colorate

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

Blend #B5E7CD to #52B99C

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

RGB混合

#B5E7CD - #52B99C | colorate

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

0.0%	0.0% #B5E7CD	RGB 181 231 205	#B5E7CD
16.7%	16.7% #A4DFC4	RGB 164 223 196	#A4DFC4
33.3%	33.3% #94D7BC	RGB 148 215 188	#94D7BC
50.0%	50.0% #83D0B4	RGB 131 208 180	#83D0B4
66.7%	66.7% #73C8AC	RGB 115 200 172	#73C8AC
83.3%	83.3% #62C0A4	RGB 98 192 164	#62C0A4
100.0%	100.0% #52B99C	RGB 82 185 156	#52B99C

#B5E7CD #A4DFC4 #94D7BC #83D0B4 #73C8AC #62C0A4 #52B99C

#B5E7CD - #52B99C

HSV混合

#B5E7CD - #52B99C | colorate

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

0.0%	0.0% #B5E7CD	RGB 181 231 205	#B5E7CD
16.7%	16.7% #A2DFC2	RGB 162 223 194	#A2DFC2
33.3%	33.3% #90D7B8	RGB 144 215 184	#90D7B8
50.0%	50.0% #7FD0AF	RGB 127 208 175	#7FD0AF
66.7%	66.7% #6FC8A8	RGB 111 200 168	#6FC8A8
83.3%	83.3% #60C0A1	RGB 96 192 161	#60C0A1
100.0%	100.0% #52B99C	RGB 82 185 156	#52B99C

#B5E7CD #A2DFC2 #90D7B8 #7FD0AF #6FC8A8 #60C0A1 #52B99C

#B5E7CD - #7FD0AF - #52B99C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E7CD 0%, #7FD0AF 50%, #52B99C 100%);
    background: -webkit-linear-gradient(top, #B5E7CD 0%, #7FD0AF 50%, #52B99C 100%);
    background: linear-gradient(to bottom, #B5E7CD 0%, #7FD0AF 50%, #52B99C 100%);
}
</style>