#B5E6E7 - #53A992 | colorate

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

Blend #B5E6E7 to #53A992

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

RGB混合

#B5E6E7 - #53A992 | colorate

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

0.0%	0.0% #B5E6E7	RGB 181 230 231	#B5E6E7
16.7%	16.7% #A4DBD8	RGB 164 219 216	#A4DBD8
33.3%	33.3% #94D1CA	RGB 148 209 202	#94D1CA
50.0%	50.0% #84C7BC	RGB 132 199 188	#84C7BC
66.7%	66.7% #73BDAE	RGB 115 189 174	#73BDAE
83.3%	83.3% #63B3A0	RGB 99 179 160	#63B3A0
100.0%	100.0% #53A992	RGB 83 169 146	#53A992

#B5E6E7 #A4DBD8 #94D1CA #84C7BC #73BDAE #63B3A0 #53A992

#B5E6E7 - #53A992

HSV混合

#B5E6E7 - #53A992 | colorate

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

0.0%	0.0% #B5E6E7	RGB 181 230 231	#B5E6E7
16.7%	16.7% #A2DCDB	RGB 162 220 219	#A2DCDB
33.3%	33.3% #90D2CD	RGB 144 210 205	#90D2CD
50.0%	50.0% #7FC8BF	RGB 127 200 191	#7FC8BF
66.7%	66.7% #6FBDB0	RGB 111 189 176	#6FBDB0
83.3%	83.3% #60B3A1	RGB 96 179 161	#60B3A1
100.0%	100.0% #53A992	RGB 83 169 146	#53A992

#B5E6E7 #A2DCDB #90D2CD #7FC8BF #6FBDB0 #60B3A1 #53A992

#B5E6E7 - #7FC8BF - #53A992

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E6E7 0%, #7FC8BF 50%, #53A992 100%);
    background: -webkit-linear-gradient(top, #B5E6E7 0%, #7FC8BF 50%, #53A992 100%);
    background: linear-gradient(to bottom, #B5E6E7 0%, #7FC8BF 50%, #53A992 100%);
}
</style>