#C8DBDB - #5CAAAB | colorate

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

Blend #C8DBDB to #5CAAAB

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

RGB混合

#C8DBDB - #5CAAAB | colorate

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

0.0%	0.0% #C8DBDB	RGB 200 219 219	#C8DBDB
16.7%	16.7% #B6D2D3	RGB 182 210 211	#B6D2D3
33.3%	33.3% #A4CACB	RGB 164 202 203	#A4CACB
50.0%	50.0% #92C2C3	RGB 146 194 195	#92C2C3
66.7%	66.7% #80BABB	RGB 128 186 187	#80BABB
83.3%	83.3% #6EB2B3	RGB 110 178 179	#6EB2B3
100.0%	100.0% #5CAAAB	RGB 92 170 171	#5CAAAB

#C8DBDB #B6D2D3 #A4CACB #92C2C3 #80BABB #6EB2B3 #5CAAAB

#C8DBDB - #5CAAAB

HSV混合

#C8DBDB - #5CAAAB | colorate

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

0.0%	0.0% #C8DBDB	RGB 200 219 219	#C8DBDB
16.7%	16.7% #B3D2D3	RGB 179 210 211	#B3D2D3
33.3%	33.3% #9FCACB	RGB 159 202 203	#9FCACB
50.0%	50.0% #8DC2C3	RGB 141 194 195	#8DC2C3
66.7%	66.7% #7BBABB	RGB 123 186 187	#7BBABB
83.3%	83.3% #6BB2B3	RGB 107 178 179	#6BB2B3
100.0%	100.0% #5CAAAB	RGB 92 170 171	#5CAAAB

#C8DBDB #B3D2D3 #9FCACB #8DC2C3 #7BBABB #6BB2B3 #5CAAAB

#C8DBDB - #8DC2C3 - #5CAAAB

CSS代码

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

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