#2199D1 - #DBFBCE | colorate

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

Blend #2199D1 to #DBFBCE

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

RGB混合

#2199D1 - #DBFBCE | colorate

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

0.0%	0.0% #2199D1	RGB 33 153 209	#2199D1
16.7%	16.7% #40A9D0	RGB 64 169 208	#40A9D0
33.3%	33.3% #5FB9D0	RGB 95 185 208	#5FB9D0
50.0%	50.0% #7ECACF	RGB 126 202 207	#7ECACF
66.7%	66.7% #9DDACF	RGB 157 218 207	#9DDACF
83.3%	83.3% #BCEACE	RGB 188 234 206	#BCEACE
100.0%	100.0% #DBFBCE	RGB 219 251 206	#DBFBCE

#2199D1 #40A9D0 #5FB9D0 #7ECACF #9DDACF #BCEACE #DBFBCE

#2199D1 - #DBFBCE

HSV混合

#2199D1 - #DBFBCE | colorate

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

0.0%	0.0% #2199D1	RGB 33 153 209	#2199D1
16.7%	16.7% #39D0D8	RGB 57 208 216	#39D0D8
33.3%	33.3% #54DFC0	RGB 84 223 192	#54DFC0
50.0%	50.0% #70E6AC	RGB 112 230 172	#70E6AC
66.7%	66.7% #8EEDA5	RGB 142 237 165	#8EEDA5
83.3%	83.3% #AEF4AD	RGB 174 244 173	#AEF4AD
100.0%	100.0% #DBFBCE	RGB 219 251 206	#DBFBCE

#2199D1 #39D0D8 #54DFC0 #70E6AC #8EEDA5 #AEF4AD #DBFBCE

#2199D1 - #70E6AC - #DBFBCE

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2199D1 0%, #70E6AC 50%, #DBFBCE 100%);
    background: -webkit-linear-gradient(top, #2199D1 0%, #70E6AC 50%, #DBFBCE 100%);
    background: linear-gradient(to bottom, #2199D1 0%, #70E6AC 50%, #DBFBCE 100%);
}
</style>