#B8DBCD - #5EAC8E | colorate

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

Blend #B8DBCD to #5EAC8E

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

RGB混合

#B8DBCD - #5EAC8E | colorate

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

0.0%	0.0% #B8DBCD	RGB 184 219 205	#B8DBCD
16.7%	16.7% #A9D3C2	RGB 169 211 194	#A9D3C2
33.3%	33.3% #9ACBB8	RGB 154 203 184	#9ACBB8
50.0%	50.0% #8BC3AD	RGB 139 195 173	#8BC3AD
66.7%	66.7% #7CBBA3	RGB 124 187 163	#7CBBA3
83.3%	83.3% #6DB398	RGB 109 179 152	#6DB398
100.0%	100.0% #5EAC8E	RGB 94 172 142	#5EAC8E

#B8DBCD #A9D3C2 #9ACBB8 #8BC3AD #7CBBA3 #6DB398 #5EAC8E

#B8DBCD - #5EAC8E

HSV混合

#B8DBCD - #5EAC8E | colorate

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

0.0%	0.0% #B8DBCD	RGB 184 219 205	#B8DBCD
16.7%	16.7% #A7D3C1	RGB 167 211 193	#A7D3C1
33.3%	33.3% #96CBB6	RGB 150 203 182	#96CBB6
50.0%	50.0% #87C3AB	RGB 135 195 171	#87C3AB
66.7%	66.7% #78BBA1	RGB 120 187 161	#78BBA1
83.3%	83.3% #6BB397	RGB 107 179 151	#6BB397
100.0%	100.0% #5EAC8E	RGB 94 172 142	#5EAC8E

#B8DBCD #A7D3C1 #96CBB6 #87C3AB #78BBA1 #6BB397 #5EAC8E

#B8DBCD - #87C3AB - #5EAC8E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8DBCD 0%, #87C3AB 50%, #5EAC8E 100%);
    background: -webkit-linear-gradient(top, #B8DBCD 0%, #87C3AB 50%, #5EAC8E 100%);
    background: linear-gradient(to bottom, #B8DBCD 0%, #87C3AB 50%, #5EAC8E 100%);
}
</style>