#63DCDC - #D5E6B9 | colorate

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

Blend #63DCDC to #D5E6B9

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

RGB混合

#63DCDC - #D5E6B9 | colorate

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

0.0%	0.0% #63DCDC	RGB 99 220 220	#63DCDC
16.7%	16.7% #76DDD6	RGB 118 221 214	#76DDD6
33.3%	33.3% #89DFD0	RGB 137 223 208	#89DFD0
50.0%	50.0% #9CE1CA	RGB 156 225 202	#9CE1CA
66.7%	66.7% #AFE2C4	RGB 175 226 196	#AFE2C4
83.3%	83.3% #C2E4BE	RGB 194 228 190	#C2E4BE
100.0%	100.0% #D5E6B9	RGB 213 230 185	#D5E6B9

#63DCDC #76DDD6 #89DFD0 #9CE1CA #AFE2C4 #C2E4BE #D5E6B9

#63DCDC - #D5E6B9

HSV混合

#63DCDC - #D5E6B9 | colorate

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

0.0%	0.0% #63DCDC	RGB 99 220 220	#63DCDC
16.7%	16.7% #70DDC0	RGB 112 221 192	#70DDC0
33.3%	33.3% #7EDFAB	RGB 126 223 171	#7EDFAB
50.0%	50.0% #8DE19C	RGB 141 225 156	#8DE19C
66.7%	66.7% #A1E29B	RGB 161 226 155	#A1E29B
83.3%	83.3% #BEE4AA	RGB 190 228 170	#BEE4AA
100.0%	100.0% #D5E6B9	RGB 213 230 185	#D5E6B9

#63DCDC #70DDC0 #7EDFAB #8DE19C #A1E29B #BEE4AA #D5E6B9

#63DCDC - #8DE19C - #D5E6B9

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #63DCDC 0%, #8DE19C 50%, #D5E6B9 100%);
    background: -webkit-linear-gradient(top, #63DCDC 0%, #8DE19C 50%, #D5E6B9 100%);
    background: linear-gradient(to bottom, #63DCDC 0%, #8DE19C 50%, #D5E6B9 100%);
}
</style>