#CAE5E4 - #EFF7F6 | colorate

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

Blend #CAE5E4 to #EFF7F6

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

RGB混合

#CAE5E4 - #EFF7F6 | colorate

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

0.0%	0.0% #CAE5E4	RGB 202 229 228	#CAE5E4
16.7%	16.7% #D0E8E7	RGB 208 232 231	#D0E8E7
33.3%	33.3% #D6EBEA	RGB 214 235 234	#D6EBEA
50.0%	50.0% #DCEEED	RGB 220 238 237	#DCEEED
66.7%	66.7% #E2F1F0	RGB 226 241 240	#E2F1F0
83.3%	83.3% #E8F4F3	RGB 232 244 243	#E8F4F3
100.0%	100.0% #EFF7F6	RGB 239 247 246	#EFF7F6

#CAE5E4 #D0E8E7 #D6EBEA #DCEEED #E2F1F0 #E8F4F3 #EFF7F6

#CAE5E4 - #EFF7F6

HSV混合

#CAE5E4 - #EFF7F6 | colorate

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

0.0%	0.0% #CAE5E4	RGB 202 229 228	#CAE5E4
16.7%	16.7% #CFE8E6	RGB 207 232 230	#CFE8E6
33.3%	33.3% #D5EBE9	RGB 213 235 233	#D5EBE9
50.0%	50.0% #DCEEEC	RGB 220 238 236	#DCEEEC
66.7%	66.7% #E2F1EF	RGB 226 241 239	#E2F1EF
83.3%	83.3% #E8F4F2	RGB 232 244 242	#E8F4F2
100.0%	100.0% #EFF7F6	RGB 239 247 246	#EFF7F6

#CAE5E4 #CFE8E6 #D5EBE9 #DCEEEC #E2F1EF #E8F4F2 #EFF7F6

#CAE5E4 - #DCEEEC - #EFF7F6

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAE5E4 0%, #DCEEEC 50%, #EFF7F6 100%);
    background: -webkit-linear-gradient(top, #CAE5E4 0%, #DCEEEC 50%, #EFF7F6 100%);
    background: linear-gradient(to bottom, #CAE5E4 0%, #DCEEEC 50%, #EFF7F6 100%);
}
</style>