#5A8488 - #CFDBDD | colorate

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

Blend #5A8488 to #CFDBDD

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

RGB混合

#5A8488 - #CFDBDD | colorate

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

0.0%	0.0% #5A8488	RGB 90 132 136	#5A8488
16.7%	16.7% #6D9296	RGB 109 146 150	#6D9296
33.3%	33.3% #81A1A4	RGB 129 161 164	#81A1A4
50.0%	50.0% #94AFB2	RGB 148 175 178	#94AFB2
66.7%	66.7% #A8BEC0	RGB 168 190 192	#A8BEC0
83.3%	83.3% #BBCCCE	RGB 187 204 206	#BBCCCE
100.0%	100.0% #CFDBDD	RGB 207 219 221	#CFDBDD

#5A8488 #6D9296 #81A1A4 #94AFB2 #A8BEC0 #BBCCCE #CFDBDD

#5A8488 - #CFDBDD

HSV混合

#5A8488 - #CFDBDD | colorate

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

0.0%	0.0% #5A8488	RGB 90 132 136	#5A8488
16.7%	16.7% #6A9196	RGB 106 145 150	#6A9196
33.3%	33.3% #7BA0A4	RGB 123 160 164	#7BA0A4
50.0%	50.0% #8EAEB2	RGB 142 174 178	#8EAEB2
66.7%	66.7% #A2BCC0	RGB 162 188 192	#A2BCC0
83.3%	83.3% #B8CBCE	RGB 184 203 206	#B8CBCE
100.0%	100.0% #CFDBDD	RGB 207 219 221	#CFDBDD

#5A8488 #6A9196 #7BA0A4 #8EAEB2 #A2BCC0 #B8CBCE #CFDBDD

#5A8488 - #8EAEB2 - #CFDBDD

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8488 0%, #8EAEB2 50%, #CFDBDD 100%);
    background: -webkit-linear-gradient(top, #5A8488 0%, #8EAEB2 50%, #CFDBDD 100%);
    background: linear-gradient(to bottom, #5A8488 0%, #8EAEB2 50%, #CFDBDD 100%);
}
</style>