#C7EADC - #63BDAE | colorate

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

Blend #C7EADC to #63BDAE

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

RGB混合

#C7EADC - #63BDAE | colorate

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

0.0%	0.0% #C7EADC	RGB 199 234 220	#C7EADC
16.7%	16.7% #B6E2D4	RGB 182 226 212	#B6E2D4
33.3%	33.3% #A5DBCC	RGB 165 219 204	#A5DBCC
50.0%	50.0% #95D3C5	RGB 149 211 197	#95D3C5
66.7%	66.7% #84CCBD	RGB 132 204 189	#84CCBD
83.3%	83.3% #73C4B5	RGB 115 196 181	#73C4B5
100.0%	100.0% #63BDAE	RGB 99 189 174	#63BDAE

#C7EADC #B6E2D4 #A5DBCC #95D3C5 #84CCBD #73C4B5 #63BDAE

#C7EADC - #63BDAE

HSV混合

#C7EADC - #63BDAE | colorate

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

0.0%	0.0% #C7EADC	RGB 199 234 220	#C7EADC
16.7%	16.7% #B4E2D1	RGB 180 226 209	#B4E2D1
33.3%	33.3% #A2DBC8	RGB 162 219 200	#A2DBC8
50.0%	50.0% #91D3C0	RGB 145 211 192	#91D3C0
66.7%	66.7% #81CCB9	RGB 129 204 185	#81CCB9
83.3%	83.3% #71C4B3	RGB 113 196 179	#71C4B3
100.0%	100.0% #63BDAE	RGB 99 189 174	#63BDAE

#C7EADC #B4E2D1 #A2DBC8 #91D3C0 #81CCB9 #71C4B3 #63BDAE

#C7EADC - #91D3C0 - #63BDAE

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7EADC 0%, #91D3C0 50%, #63BDAE 100%);
    background: -webkit-linear-gradient(top, #C7EADC 0%, #91D3C0 50%, #63BDAE 100%);
    background: linear-gradient(to bottom, #C7EADC 0%, #91D3C0 50%, #63BDAE 100%);
}
</style>