#B5EAE2 - #58ABBC | colorate

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

Blend #B5EAE2 to #58ABBC

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

RGB混合

#B5EAE2 - #58ABBC | colorate

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

0.0%	0.0% #B5EAE2	RGB 181 234 226	#B5EAE2
16.7%	16.7% #A5DFDB	RGB 165 223 219	#A5DFDB
33.3%	33.3% #96D5D5	RGB 150 213 213	#96D5D5
50.0%	50.0% #86CACF	RGB 134 202 207	#86CACF
66.7%	66.7% #77C0C8	RGB 119 192 200	#77C0C8
83.3%	83.3% #67B5C2	RGB 103 181 194	#67B5C2
100.0%	100.0% #58ABBC	RGB 88 171 188	#58ABBC

#B5EAE2 #A5DFDB #96D5D5 #86CACF #77C0C8 #67B5C2 #58ABBC

#B5EAE2 - #58ABBC

HSV混合

#B5EAE2 - #58ABBC | colorate

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

0.0%	0.0% #B5EAE2	RGB 181 234 226	#B5EAE2
16.7%	16.7% #A3E2DC	RGB 163 226 220	#A3E2DC
33.3%	33.3% #92DAD7	RGB 146 218 215	#92DAD7
50.0%	50.0% #82D2D3	RGB 130 210 211	#82D2D3
66.7%	66.7% #73C5CB	RGB 115 197 203	#73C5CB
83.3%	83.3% #65B8C3	RGB 101 184 195	#65B8C3
100.0%	100.0% #58ABBC	RGB 88 171 188	#58ABBC

#B5EAE2 #A3E2DC #92DAD7 #82D2D3 #73C5CB #65B8C3 #58ABBC

#B5EAE2 - #82D2D3 - #58ABBC

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5EAE2 0%, #82D2D3 50%, #58ABBC 100%);
    background: -webkit-linear-gradient(top, #B5EAE2 0%, #82D2D3 50%, #58ABBC 100%);
    background: linear-gradient(to bottom, #B5EAE2 0%, #82D2D3 50%, #58ABBC 100%);
}
</style>